Web前端框架/库/工具

前言

俗话说：前端从步枪（原生js）到了半自动武器（jQuery）并进化为全自动武器（三大框架（angular，react，vue及其生态链））。

常说工欲善其事必先利其器。对于那些想要提高用户体验的企业来说，这一点尤其正确。在我们所处的数字世界中，给予UI或用户界面更多关注是一件非常必要的事。

先分清六个基本概念：Library 库（方法库，实现特定需求的API集合；UI组件库，满足特定业务需要的高可复用的常见UI组件集合），Toolkit工具箱（例如创建现代响应式页面所需的工具集合，包含一整套完整的响应式CSS类库，UI组件，衍生UI库），Framework框架（用来构建应用的主体结构，然后在这个主体结构上添砖加瓦，实现各种业务需求），Design设计语言（指导UI设计需要遵循的一些约束。包括：色彩、布局、层次、交互反馈等等，设计与实现是松耦合，同一种设计可以有无数种实现），Boilerplate模版（类似全家桶最佳实践），Scaffolding脚手架工具（Command Line Interface ，cli类似建筑工地的外层钢管架、绿色保护网、建材吊车等等，它们都不是最终成果的一部分）。基本概念对于学习技术很重要，需要在实践中多思考和领悟。

在这里，我将简要地讨论前端框架在创建交互式网站方面的重要性，并提供一个推荐用于网络开发的顶级框架列表。

• React.js
• jQuery
• Angular
• Express
• ASP.NET Core
• Vue.js
• ASP.NET

让我们来具体看一看每个框架。

JavaScript是最基本手工工具，jQuery是博世电动工具，vue.js和elementUI是做好的简易门、窗、桌子、凳子。