Web前端开发的十个基本源框架

作为前端开发人员，持续学习是必备技能之一。随着新技术的不断涌现，前端开发框架越来越多，各种框架也相继更新。前端领域的技术不断变化，令人眼花缭乱。面对如此多的框架，我们应该如何选择？接下来，我将为您一一介绍！

1、 MVVM框架

MVVM（Model–View–ViewModel）是一种软件架构设计模式，由Microsoft WPF和Silverlight的架构师Ken Cooper和Ted Peters开发，是一种事件驱动的编程方法。MVVM的出现促进了GUI前端开发和后端业务逻辑的分离，大大提高了前端开发效率。

目前，常见的MVVM框架包括Angular、Vue和React。

AngularJS诞生于2009年，由Misko Hevery等人创建，后来被谷歌收购。Angular是AngularJS的重写。高于2.0的Angular版本被命名为Angular，低于2.0的AngularJS版本被命名。AngularJS是用JavaScript编写的，而Angular是用TypeScript语言编写的，它是ECMAScript 6的超集。

Vue可以说是国内开发者使用最多的“框架”。确切地说，vue不是MVVM框架，而是用于构建数据驱动Web界面的Javascript库。由于vue核心库只关注V（视图）视图层，因此它不仅易于入门，而且易于与第三方库或现有项目集成。

React源于Facebook的一个内部项目，用于构建Instagram网站，于2013年5月开源。目前，它主要由Facebook维护，React周围的一些库也由开源社区维护。

与Vue相比，React的学习更加复杂。使用React需要ES6，因为许多React组件都是用ES6类创建的。此外，JSX是React的核心组件。它使用XML标记直接声明接口，接口组件可以相互嵌套。JSX语法有一定的学习成本。

2、 Jquery库

AJAX（异步Javascript和XML）于2005年提出，用于描述一类与浏览器相关的技术，包括HTML/XTML、CSS、Javascript、DOM、XML、XSLT和最重要的XMLHttpRequest。

使用AJAX技术的Webapp可以在用户界面上快速呈现增量信息，而无需刷新整个页面，从而大大改善了Webapp的用户体验。Jquery是AJAX技术发展到一定程度的缩影。

Jquery不是一个框架，而是一个Javascript库，它大大简化了JS编程，是过去十年中前端开发最常用的库。如果没有Jquery，AJAX编程很困难。

如今，越来越多的MVVM框架从后端分离出来，成为Web开发的主流开发方法，越来越少的人直接使用Jquery。通常，后端开发人员在开发后台管理系统时也可以使用它。

3、 UI框架

Bootstrap是一个较早且广受欢迎的PC UI框架。许多UI框架都基于引导。目前流行的PC端框架是layui，它被后端开发人员广泛使用。如果前端与后端分离，则公司的开源框架ElementUI通常使用PC端框架

目前主流的UI框架基本上是自适应的，但仍然适用于PC和移动终端。

常见的移动端框架包括WeUI、mintUI、VantUI等。

4、 混合app

随着HTML5+CSS3+JS开发的webapp的性能和用户体验越来越好，许多公司已经开始使用web技术开发APP，包括浏览器外壳APP或混合APP。

使用web技术开发APP的优势在于，您可以同时使用一组与Android和Apple系统兼容的代码，因此在开发app时可以节省一半的劳动力。此外，它还可以同步安卓和苹果系统的更新进度，实现快速迭代，节省app市场的审核时间。

常见的混合APP框架包括：

Cordova:ApacheCordova是一个开源的移动开发框架，允许开发人员使用标准web技术-HTML5、CSS3和JavaScript进行跨平台开发。

Ionic：Ionic是一个基于Cordova的轻量级库。AngularJS和一组样式库被添加到Cordova中。Angular JS实现了MVVM概念的双向数据绑定，UI风格库具有现代美观的界面特点。

React Native：基于Javascript和React，您可以在不同的平台上获得完全一致的开发体验。id