前端常见框架及组件的大体认识
前端的知识体系
做前端，不只是 html+css+javascript，你必须知道更多。
一、框架
1. vue
简介
vue 于 2014 年 2 月由 Google 前员工 尤雨溪 发布。
在国内，vue有着得天独厚的优势，因为它的作者是华人尤雨溪，技术文档相对友好。
在有HTML，CSS，JavaScript的基础上，可以快速上手。
特点
- 渐进式学习，易于上手。
- 双向数据绑定。
- 华人开发者，文档友好。
- 在国内大/中/小企业中大量应用。
- 仅限于web开发，但是在其他框架的加持下可以做到全端开发。
套件
- vue-router
官方路由管理器 - vuex
状态管理模式
2. react
简介
React 于2013年5月由 Facebook 发布。
React 让创建交互式 UI 变得轻松。为应用程序中的每个状态设计简单的视图，当数据发生变化时，React 将有效地更新和呈现正确的组件。
特点
- 大厂背景，不用担心成熟度和维护稳定性。
- 上手相对困难，适合大项目。
套件
- React Native
使用JavaScript开发原生Android和iOS应用
3. angular
简介
angular 于 2010 年 9 月由 Google 发布。
学会用 Angular 构建应用，然后把这些代码和能力复用在多种多种不同平台的应用上： Web、移动 Web、移动应用、原生应用和桌面原生应用。
相比于vue的轻巧，angular凭借 Typescript 本身比 JavaScript 更加工程化的优势，大型项目中angular会更具优势。
特点
- 大厂背景，不用担心成熟度和维护稳定性。
- 可以开发Web、移动 Web、移动应用、原生应用和桌面原生应用。
- 功能比
react更加丰富，一个是真正的大而全的framework。 - 上手比较困难，需要完全掌握相关知识，时候大型项目。
5. flutter
简介
Flutter是于2015年由 谷歌 开发的开源移动应用软件开发工具包，用于将一套代码打包为原生的Android和iOS开发应用。
特点
- 所见即所得，一边开发一般预览。
- 一套代码搞定Android和iOS两大平台。
性能表现：无性能问题，同原生性能。
6. uni-app
简介
uni-app 由DCloud公司开发，DCloud是国内流应用行业的开创者。
是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web、以及各种小程序、快应用等多个平台。
特点
- 一套代码全端开花，极高的提高开发效率。
性能表现：vue页面性能一般，同web性能；nvue页面性能向原生性能靠近。
套件
- Nvue
提供基于weex的原生渲染 - 5+Runtime
增强版的手机浏览器引擎，使js可以访问原生接口 - unicloud
Serverless 无服务器开发开发框架 - uniMPsdk
让你的APP具备小程序能力
7. electron
简介
Electron 是一个跨平台的、基于 Web 前端技术的桌面 GUI 应用程序开发框架。
其实就是把 V8 引擎单独包装起来，使之成为可以在桌面运行的类浏览器平台，并提供了更多的接口。
特点
- Electron 兼容 Mac、Windows 和 Linux，可以构建出三个平台的应用程序。
- 使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。
8. node.js
简介
node.js是一种javascript的运行环境，能够使得javascript脱离浏览器运行。
我们可以使用它在电脑上跑一个用javascript写的服务程序；达到前端变后端的高级效果。
特点
- 轻量、可伸缩，适于实时数据交互应用
- 非阻塞I/O
- 事件驱动
- 单进程，单线程
二、规范
1. TypeScript
TypeScript 是 JavaScript 的超集，是在2012年10月由 微软 公司推出的。
他处理了 JavaScript 的一些问题，语法更加严谨，适合开发 大型项目。
我过一篇TypeScript的入门文章，详见TypeScript的认识与入门学习。
2. ECMAScript 6
是于2015年6月正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。
但大家都喜欢叫他 ES6 。
我写过一篇ES6的入门文章，详见JavaScript ES6语法新特性整理，ES6必须掌握的知识点，更强大更方便。
3. Sass
专业级CSS扩展语言，可以实现类似脚本方式来编写更加灵活易管理的css代码。
三、UI
1. bootstrap
Bootstrap是著名的社交网站、微博的先驱Twitter在2011年8月推出的开源WEB前端框架，集合CSS和HTML，使用了最新的浏览器技术，为快速WEB开发提供了一套前端工具包，包括布局、网格、表格、按钮、表单、导航、提示等等。使用Bootstrap可以构建出非常优雅的前端界面，而且占用资源非常小。
、
2. element ui
Element-UI是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，手机端有对应框架是 Mint UI 。
3. Vant
Vant是基于vue的一款开源的移动端组件库。
目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本。
四、组件
1. echarts
一个基于 JavaScript 的开源可视化图表库。
echarts 项目最初是由百度推出的，后捐献给了Apache开源基金维护。
2. webuploader
WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。
五、工具
1. postman
最常用的接口测试工具.
我写了一篇入门的使用方法文章，详见 使用 Postman 做好接口测试，拒绝相互甩锅。
2. nginx
我写过一篇相关文章，详见 使用nginx代理实现前后端分离开发调试，零基础教程。
3. git/svn
版本管理工具。
我写过一篇相关文章，详见 版本管理客户端，TortoiseSVN和TortoiseGit。
4. Webpack
前端打包工具。
5. VScode
由微软推出的编辑器，拥有体积轻，扩展性强的特点。
使用TypeScript + Electron开发，是目前最欢迎的IDE之一。
六、其他
- hybrid
及原生和H5混合开发 - canvas
WEB端的画图组件 - Gojs
功能强大的图形库 - WebGL/three.js
WEB端的一种3D渲染 - Serverless
无后端开发，一般直接使用云端数据库和nodejs的环境进行开发，如uniCloud - axios
promise实现对ajax技术的一种封装 - webassembly
一种可以在浏览器中执行的编程语言，比JavaScript更快