前端各大开发框架

一、目前流行框架

目前最常用的前端框架为jQuery、vue、react、anguler

二、各框架介绍及特点

1、jQuery

jquery是基于JavaScript类库的框架,其中提供了许多JavaScript类库,和一些css样式表的封装,使用起来比较方便,简化了用户与浏览器的交互,提高了系统的性能和开发效率。其封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTMl文档操作,事件处理,动画设计和Ajax交互.
具有独特的链式语法和短小清晰的多功能接口具有高效灵活的css选择器,并且可以对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。 优点:(1)快速获取文档元素 (2)提供漂亮的页面动态效果 (3)创建Ajax无刷新页面  https://jquery.com/download/  推荐插件库(1) www.htmleaf.com/ (2) www.jq22.com/ (3) www.superslide2.com/

2、vue

vue是一套用于构建用户界面的渐进式JavaScript框架,其可以自底向上逐层应用,其核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目进行整合。而且当与现代化的工具链以及各种支持类库结合使用时,Vue也可以为复杂的单页应用提供驱动。

优点:轻量级框架,简单易学,双向数据绑定,组件化,数据结构分离,虚拟Dom,运行速度快。vue 是单页面应用,是页面局部刷新,不用每次跳转都要请求所有数据和dom,其大大加快了访问速度,提升了用户体验,

缺点:不支持IE8,其生态环境不如react和anguler

cn.vuejs.org/  推荐组件库(1)vant-contrib.gitee.io/vant/#/zh-C… (2)element.eleme.cn/#/zh-CN/com… (3)www.quasarchs.com/ (4)vux.li/ (5)bootstrap-vue.js.org/

3、react

ReactJS是一套JavaScript Web库,由Facebook打造而成且主要用于构建高性能及响应式用户界面。React负责解决其它javascript框架所面对的一大常见难题,即对大规模数据集的处理。能够使用虚拟DOM并在发生变更时利用补丁安装机制只对DOM中的dirty部分进行重新渲染,React得以实现远超其它框架的速度表现。

优点:(1)不直接对DOM进行操作,引入了一个叫做“虚拟DOM”的概念,安插在javascript逻辑和实际的DOM之间,性能好

(2)虚拟DOM解决了跨浏览器问题,提供了标准化的API,甚至在IE8中都是没问题的。

(3)代码更加模块化,重用代码更容易,可维护性高。

(4) Flux是一个用于在JavaScript应用中创建单向数据层的架构,它随着React视图库的开发而被Facebook概念化。

(5)兼容性好

官网reactjs.org/languages/ …

推荐组件库 (1) https://ant.design/docs/react/introduce-cn 

(2)bulma.io/documentati…

(3) https://madewith.cn/react

4、angular

Angular最显著的特征就是其整合性。它是由单一项目组常年开发维护的一体化框架,涵盖了M、V、C/VM等各个层面,不需要组合、评估其它技术就能完成大部分前端开发任务。这样可以有效降低决策成本,提高决策速度,对需要快速起步的团队是非常有帮助的。

优点:1. 模板功能强大丰富,并且是声明式的,自带了丰富的Angular指令;

  1. 是一个比较完善的前端MVC框架,包含模板,数据双向绑定,路由,模块化,服务,过滤器,依赖注入等所有功能;

  2. 自定义Directive(指令),比jQuery插件还灵活,但是需要深入了解Directive的一些特性,简单的封装容易,复杂一点官方没有提供详细的介绍文档,可以通过阅读源代码来找到某些我们需要的东西,如:在directive使用 $parse;

  3. ng模块化比较大胆的引入了Java的一些东西(依赖注入),能够很容易的写出可复用的代码,对于敏捷开发的团队来说非常有帮助。

官网 https://angular.cn/ 

推荐组件库 (1)material.angular.io/ 

(2)ng.ant.design 

(3) https://element-angular.faas.ele.me/

(4)www.primefaces.org/primeng/

    原文作者:来自世界的恶意
    原文地址: https://blog.csdn.net/li3366/article/details/124446067
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞