www.2527.com_澳门新葡8455手机版_新京葡娱乐场网址_
做最好的网站

前面一个常用框架优瑕玷总结,前端主流框架a

2020-04-15 22:43 来源:未知

时间: 2019-12-22阅读: 91标签: 框架JQuery

一、Vue.js:
骨子里Vue.js不是三个框架,因为它只集中视图层,是二个创设数据驱动的Web分界面的库。
Vue.js通过简单的API(应用程序编制程序接口)提供连忙的数量绑定和灵活的机件系统。
Vue.js的特色如下:
   1.轻量级的框架
   2.双向数据绑定
   3.指令
   4.插件化

JavaScript 框架和库能够说是开源项目中最宏大也是最累的类目了,近期在github 上这一类的门类是最多的,並且大概每隔一段时间就能现出二个新的品种包蕴网络社区,固然这么有帮忙了翻新的前行,但一定要说苦了前面贰个的开拓者们。因而本文罗列出了部分了不起的 Javascript 框架和库的特及其在 github 上的 star 数,意在为诸位开垦者提供部分参照。

JQuery是一个平安无事的javascript框架JQuery大旨是Write Less Do MoreJQuery是轻量级的js库

可取: 1. 粗略:官方文书档案很鲜明,比 Angular 简单易学。
     2. 便捷:异步批管理形式更新 DOM。
     3. 组合:用解耦的、可复用的机件组合你的应用程序。
     4. 紧凑:~18kb min gzip,且无依赖。
     5. 强盛:表明式 & 无需注明正视的可推导属性 (computed propertiesState of Qatar。
     6. 对模块友好:能够由此 NPM、Bower 或 Duo 安装,不免强你持有的代码都固守 Angular 的种种规定,使用景况更灵活。

1、ReactJS(Star: 59989,Fork: 10992)

特色轻量级的Javascript框架丰盛的DOM采取器链式表明式扶助事件、样式、动漫帮衬Ajax操作跨浏览器包容插件增添开垦(充足的第三方插件)可扩大性强(提供扩张接口)优点达成脚本与页面抽离起码的代码做最多的事情品质协理相比较好瑕玷插件冲突不可能向后相当Zepto.js

症结: 1. 羊水栓塞儿:Vue.js是一个新的品类,未有angular那么成熟。
     2. 影响度不是极大:google了一下,有关于Vue.js三种性可能说丰富性少于其余部分盛名之下的库。
     3. 不支持IE8:

主页:

针对移动端浏览器

二、angularJS:
  angularJS是一款不错的前端JS框架,已经被用于Google的多款产物中间。
  angularJS的风味如下:
    1.天时地利的应用程序布局
    2.双向数据绑定
    3.指令
    4.HTML模板
    5.可放置、注入和测量试验

React.js是二个用来创设客户分界面包车型客车 JavaScript 库,首要用来营造UI,很多少人觉着 React 是 MVC 中的 V。React 源点于 Facebook 的当中项目,用来架设 推文(Tweet卡塔尔 的网址,并于 二零一一 年 一月开源。React 具备较高的质量,代码逻辑极度简单,越多的人已起头关切和采纳它。

轻量级的JavaScript库包容JQuery的API扩张了活动道具的触摸等事件不扶助IE浏览器Bootstrap

亮点: 1. 模板效率强盛丰硕,自带了极度丰盛的angular指令。
      2. 是三个相比完备的前端框架,富含服务,模板,数据双向绑定,模块化,路由,过滤器,信赖注入等具备机能;
     3. 自定义指令,自定义指令后得以在等级次序中一再应用。
      4. ng模块化极大胆的引进了Java的部分事物(重视注入),可以超轻松的写出可复用的代码,对于飞速开荒的团体来讲特别常有利于。
      5. angularjs是网络有才能的人Google开拓,那也代表她有叁个坚固的底工和社区援救。

1.申明式设计−React选拔注脚范式,可以轻易描述应用。

用于开辟响应式布局、移动器材优先的web项目

Web前端,弱点: 1. angular 入门超轻易 但浓烈后概念非常多, 学习中较难明白.
   2. 文书档案例子非常少, 官方的文书档案基本只写了api, 叁个事例都未有, 超级多时候具体怎么用都以google来的, 或直接问misko,angular的小编.
      3. 对IE6/7 宽容不算非常好, 正是足以用jQuery自个儿手写代码消除一些.
     4. 命令的施用的一流施行学科少, angular其实很灵活, 固然不看有的笔者的行使标准,比较轻便写出 驼鹿的代码, 比如js中依然像jQuery的研究有过多dom操作.
     5. DI 依附注入 要是代码压缩必要显示证明.

2.神速−React通过对DOM的依葫芦画瓢,最大限度地压缩与DOM的相互。

特色预管理脚本三个框架、八种配备性子齐全优点相比成熟具有完美的文书档案有大气的构件样式劣点有要求要重复定义样式会有兼容难点Vue.js

三、React:

3.灵活−React能够与已知的库或框架很好地包容。

是一套用于营造客商分界面包车型地铁渐进式框架

React首要用以营造UI。你能够在React里传递多样类型的参数,如宣称代码,援助您渲染出UI、也足以是静态的HTML DOM成分、也足以传递动态变量、以致是可互相的运用组件。

4.JSX− JSX 是 JavaScript 语法的壮大。React 开垦不鲜明使用 JSX ,但大家提议采纳它。

天性轻量级的框架双向数据绑定指令插件化优点简单易用灵活渐进式轻量高效MVVM组件化瑕疵不帮助IE8生态意况不及angular和react组件化优点升高开辟成效方便重复使用简化调节和测量检验步骤提高整个项目标可维护性便于协同开拓React优点速度迅猛(不直接对DOM进行操作)跨浏览器包容(设想DOM)一切都以component:(代码越发模块化,重用代码更便于,可保护性高卡塔尔国单向数据流(Flux是贰个用于在JavaScript应用中制造单向数据层的构造,它随着React视图库的付出而被照片墙概念化)同构、纯粹的JavaScript(有利于搜索引擎优化)宽容性好劣势不合乎单独做二个安然还是的框架AngularJs

React个性如下: 
    1.注脚式设计:React采取注明范式,能够轻易描述应用。
    2.快速:React通过对DOM的比葫芦画瓢,最大限度地回降与DOM的相互。
    3.心闲手敏:React能够与已知的库或框架很好地合营。

5.组件− 通过 React 创设组件,使得代码特别轻巧获得复用,能够很好的运用在大类型的开采中。

通过指令扩大了HTML,通过表明式绑定数据到HTML

可取: 1. 速度快:在UI渲染进度中,React通过在设想DOM中的微操作来达成对实在DOM的一对更新。
      2. 跨浏览器宽容:虚构DOM援助大家减轻了跨浏览器难点,它为大家提供了尺度的API,以至在IE8中都以没难题的。
      3. 模块化:为你程序编写制定独立的模块化UI组件,那样当某些或有些构件出现难题是,能够方便地张开隔绝。
      4. 单向数据流:Flux是二个用来在JavaScript应用中开创单向数据层的架构,它随着React视图库的付出而被Instagram(TWT帕Jero.US卡塔尔国概念化。
      5. 同构、纯粹的javascript:因为搜索引擎的爬虫程序重视的是服务端响应并非JavaScript的推行,预渲染你的使用拉动寻找引擎优化。
      6. 包容性好:比如利用RequireJS来加载和包装,而Browserify和Webpack适用于营造大型应用。它们使得那么些困难的职责不再令人触目惊心。

6.单向响应的数量流− React 完结了一派响应的数据流,进而降低了重新代码,那也是它干吗比守旧数码绑定更简便。

亮点双向数据绑定代码模块化(每一个模块的代码独立具备和睦的作用域,model,controller等)强盛的directive能够将大多功能封装成HTML的tag,属性或许注释等(大大美化了HTML的布局,巩固了可阅读性)正视注入(升高重用性和灵活性)劣势验证功效错误消息展现比较虚弱,必要写过多模板标签进级后可能会招致一个宽容性的BUGng提倡在调节器里面不用有操作DOM的代码,对于一些jQuery插件的行使,即便想不损坏代码的整洁性,须求写一些directive去封装插件,今后有不少插件的版本已经支撑Angular了比较笨重,未有轻量级的版本原作链接:常用的前端框架优劣点计算

缺欠: 1. React本人只是多少个V而已,实际不是叁个安然无事的框架,所以只借使大型项目想要一套完整的框架的话,基本都必要增添ReactRouter和Flux才干写大型应用。

2、AngularJS(Star: 54769,Fork: 27292)

主页:

Angular JS 是一组用来支付 Web 页面包车型地铁框架、模板甚至数据绑定和增加 UI 组件。它帮忙一切开拓进度,提供 Web 应用的结构,无需进行手工业 DOM 操作。 AngularJS 不大,唯有 60K,宽容主流浏览器,与 jQuery 协作优秀。

3、Vue.js(Star: 43608, Fork: 5493)

Vue.js 是塑造 Web 分界面包车型地铁 JavaScript 库,提供数据驱动的机件,还会有轻便利落的 API,使得 MVVM 更简便。

●将常常的 JS 对象作为 model

●简洁明了的 API

●组件化 UI 构建

4、jQuery(Star: 43432, Fork: 12117)

主页:

JQuery 是轻量级的js库 ,它优异CSS3,还特出各类浏览器 (IE 6.0 , FF 1.5 , Safari 2.0 , Opera 9.0 )。jQuery使客户能更便于地管理HTML documents、events、实现动漫效果,并且有助于地为网址提供AJAX交互作用。jQuery还大概有叁个非常大的优势是,它的文书档案表达很全,何况种种应用也说得很详细,同期还恐怕有数不完老于世故的插件可供选择。jQuery能够使客户的html页保持代码和html内容分别,也等于说,不用再在html里面插入一批js来调用命令了,只需定义id就可以。

5、Meteor(Star: 36691,Fork: 4617)

主页:

Meteor 是一组新的技艺用于营造高水平的 Web 应用,提供大多现存的包,可直接在浏览器仍旧云平新北运作。

主页:

Angular 是一款特别风行且好用的 Web 前端框架,近些日子由 Google维护。这些条约收录的是 Angular 2 会同背后的本子。由于官方已将 Angular 2 和前面包车型大巴版本Angular.js分开维护(两个的 GitHub 地址和花色主页皆不一样等),所以就有了那一个页面。

7、Ember.js(Star: 17540,Fork: 3646)

主页:

Ember是三个有志于的Web应用程序,撤消了模范,并提供了三个职业的应用程序构造的JavaScript框架。

8、Polymer(Star:16979,Fork: 1699)

主页:

在贰零壹壹年的谷歌(Google卡塔尔国I/O大会上,谷歌(GoogleState of Qatar公布了Polymer,它是贰个利用Web组件塑造Web应用的类库,同失常候也选拔了为Web营造可接收组件的新的HTML 5正规。Polymer为超过半数Web组件手艺提供了polyfills成效,它能让开荒者在具有的浏览器扶持新特点前创办协调的可重用组件。别的,Polymer提供了一雨后春笋的零器件的例子,当中包涵天气、时钟、股票(stock卡塔尔(قطر‎市场价格和线型图。

Polymer中的polyfills为急需接收Web组件成功创设利用提供了种种Web本事,满含:

●HTML imports:种在别的HTML document中引进和重用HTML document的秘籍。

●自定义成分:让开辟者定义和动用自定义DOM成分。

●Shadow DOM:在DOM中提供的包装。

●模型驱动视图:提供象AngularJS的数码绑定。

●Web动漫:完成复杂动漫的API。

●Pointer事件:对鼠标触摸和手写笔事件的包裹

9、Zepto.js(Star: 12074,Fork: 3260)

主页:

Zepto.js 是支持移动WebKit浏览器的JavaScript框架,具备与jQuery宽容的语法。2-5k的库,通过准确的API管理绝大多数的主干专门的学业。

10、Riot.js(Star: 11491,Fork: 902)

主页:

里奥t.js是叁个顾客端模型-视图-展现框架而且它这一个轻量级甚至低于1kb.即使他的大大小小令人不敢相信,全体它能创设的有如下:一个模板引擎,路由,以至是库和一个严刻的并富有组织的MVP形式。当模型数据变动时视图也会自动更新。

理之当然除了上述关联的那几个,还会有众多绝妙的 Javascript 框架和库,何况差不离每隔一段时间就能够涌现三个新的付加物。

TAG标签:
版权声明:本文由澳门新葡8455手机版发布于Web前端,转载请注明出处:前面一个常用框架优瑕玷总结,前端主流框架a