持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第8天，点击查看活动详情。
前端技术图谱：看看你学废了哪些？
一、写在前面
前端的技术更新迭代，相对各端而言是比较快的，也不知道是旧技术不值得优化了，还是 还是行业 Top 们“太卷”，还是说前端更新换代成本太低。 好在基本都围绕着前端（web 前端）三大基础 JavaScript、HTML 和 CSS 转。
tips：为什么要梳理技术图谱？
答：梳理技术图谱，对应市场需求，紧跟时代发展，查漏补缺，也许是许多程序员应该做的事。
下面是梳理出来的图谱。
二、图谱说明
将前端技术（工具or框架）分为七个大类，它们分别是：
- 【1 三类语言】
- 【2 技术框架】
- 【3 工具】
- 【4 UI组件库】
- 【5 js宿主环境】
- 【6 主题业务技术（框架or工具）】
- 【7 小程序】
复制代码1. 【1 三类语言】
【1 三类语言】包括：
- 【1.1 编程语言】
- 【1.2 标记语言】
- 【1.3 层叠样式表语言】
复制代码其中【1.1 编程语言】包括：
扫描二维码关注公众号，回复：
14218453 查看本文章
- 1.1.1 JavaScript（web 前端三大基础之行为，属必知必会）
- 1.1.2 TypeScript（微软出品，js 的超集。ts于js，好似sass之于css）
- 1.1.3 Java（很多科班毕业的前端都会点 Java 信不信？就好像很多 java 后端都会点 vue）
复制代码其中【1.2 标记语言】包括：
- 1.2.1 HTML（超文本标记语言，web前端三大基础之结构，属必知必会。有意思的是，
js有火热的超集ts，css也有火热的超集sass，同为三大基础的 html 却没有火热的超集，
是html太优秀吗？一个script标签容纳js，一个style标签容纳css，一个video标签容纳视频，
html 万物皆可一个标签容纳？）
- 1.2.2 XHTML（可扩展超文本标记语言，类似 HTML，语法上更严格）
- 1.2.3 XML（可扩展标记语言）
复制代码其中【1.3 层叠样式表语言】包括：
- 1.3.1 css（层叠样式表Cascading Style Sheets，web 前端三大基础之表现）
- 1.3.2 sass（自述是世界上最成熟、最稳定、最强大的专业级CSS扩展语言！css 预处理语言之一。）
- 1.3.3 less（比较受欢迎的css预处理语言之一）
复制代码2. 【2 技术框架】
【2 技术框架】包括 6 类：
- 2.1 Vue.js（前端三大主流框架之一，国内人气较高）
- 2.2 React（前端三大主流框架之一，江湖地位挺高）
- 2.3 Angular（前端三大主流框架之一，遵循 HTML 标准）
- 2.4 jQuery.js（曾经最受欢迎的前端框架）
- 2.5 Bootstrap （自述是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目）
- 2.6 跨平台
复制代码其中【2.1 Vue.js（前端三大主流框架之一，国内人气较高）】如下：
其中【2.2 React（前端三大主流框架之一，江湖地位挺高）】如下：
剩余 2.3、2.4、2.5 和 2.6 如下：
3. 【3 工具】
【3 工具】分为 4 类：
- 3.1 工程化构建工具
- 3.2 代码版本管理
- 3.3 包管理工具
- 3.4 开发工具
复制代码4. 【4 UI组件库】
【4 UI组件库】分为 PC 端和移动端 2 类，7种：
- 4.1.1 Element UI（被广泛使用的PC端UI库）
- 4.1.2 iView（后更名View UI，更专注于专业版维护）
- 4.1.3 Ant Design （一个 UI 设计语言，PC端UI库）
- 4.1.4 Vant（一个移动 web 不错的 UI库，算首选不为过）
- 4.1.5 Mint UI（饿了么出品移动端UI库，已停维）
复制代码5. 【5 js宿主环境】
【5 js宿主环境】包括两类：
- 5.1 Node.js（运行在服务端的 JavaScript。 Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台）
- 5.2 浏览器
复制代码其中【5.2.1 四大内核】分别是：
- Trident（IE浏览器内核）
- Gecko（Firefox 浏览器内核）
- Webkit（Safari浏览器内核，曾是 Chrome 和 Opera 浏览器的内核）
- Blink（现在 Chrome 和 Opera 浏览器的内核）
复制代码【5.2.2 五大浏览器】分别是：
- Internet Explorer（IE浏览器，曾是霸主，即将退役）
- Chrome（现在的霸主）
- Firefox（Mozilla开发的自由及开放源代码的网页浏览器，和那家浏览器史上特殊的公司有关联-网景）
- Safari（苹果公司发布）
- Opera（挪威Opera Software ASA公司旗下的浏览器）
复制代码6. 【6 主题业务技术（框架or工具）】
【6 主题业务技术（框架or工具）】分为 3 类：
- 6.1 地图服务
- 6.2 图谱与可视化
- 6.3 部署服务
复制代码其中【6.1 地图服务】包括：
其中【6.2 图谱与可视化】包括：
其中【6.3 部署服务】包括：
7. 【7 小程序】
【7 小程序】分类 6 类：
- 7.1 微信小程序
- 7.2 支付宝小程序
- 7.3 百度小程序
- 7.4 QQ小程序
- 7.5 字节小程序
- 7.6 快应用（不提也罢系列，九大手机厂商基于硬件平台共同推出的新型应用生态）
复制代码其中【7.1 微信小程序】包括：
三、写在后面
梳理己用，仅供参阅。