澳门新浦京娱乐场网站-www.146.net-新浦京娱乐场官网
做最好的网站

澳门新浦京娱乐场网站二零一七年前端框架,二

二〇一七年前端框架、类库、工具大比拼

2017/06/19 · 基本功技巧 · 工具, 框架, 类库

初稿出处: Craig Buckler   译文出处:草龙珠城控件   

相对来讲于JavaScript开荒职员的数额,近来JavaScript框架、类库和工具的多寡仿佛越来越多一些。甘休二零一七年四月,GitHub上的高速搜索显示,有超过110万个JavaScript项目。npmjs.org有50万个可用的软件包,每月下载量近100亿次。

正文将会斟酌这段日子可是流行的顾客端JavaScript框架、类库和工具以及它们之间的基本差距。也许本文无法告知您哪些是最棒的,可是最契合本身项目标,正是最棒的。

前年前端框架、类库、工具大比拼,2017年大比拼

相比较之下于JavaScript开荒职员的多寡,最近JavaScript框架、类库和工具的数据犹如更加多一些。结束二零一七年七月,GitHub上的极快搜索展现,有超过常规110万个JavaScript项目。npmjs.org有50万个可用的软件包,每月下载量近100亿次。

本文将议和谈近年来可是盛行的客户端JavaScript框架、类库和工具以及它们中间的骨干差别。可能本文不可能告诉你哪个是最棒的,可是最契合本人项指标,正是最佳的。

类库

类库是一个有集体的功效汇集。规范的类库包罗字符串管理、日期、HTML DOM成分、事件、Cookie、动画、互联网恳求等功用。你能够友善达成二个函数,以便选拔该函数被调用时是不是必要回到二个值。

类库常常提供一种高端别的空洞方法,能够扶助顺利贯彻项指标细节部分。比如,Ajax平常正视于XMLHttpRequest API,只必要几行代码就兑现效果与利益,只是浏览器之间存在细微的距离。类库提供了更简约的ajax()函数,由此开垦者能够小心于越来越高档别的专门的职业逻辑上。

类库能够使将支付时间减弱20%,开采者不必忧郁细节达成。

可是也不日常:

  • 类库中的错误难以稳固和修复
  • 支付团队不能够确认保证高速公布补丁
  • 补丁程序可能会改变API,导致一大波代码必得更换

类库

类库是多个有集体的功能汇聚。标准的类库满含字符串管理、日期、HTML DOM成分、事件、Cookie、动画、网络供给等职能。你能够团结实现二个函数,以便采纳该函数被调用时是或不是必要重回二个值。

类库平常提供一种高端其余空洞方法,能够支持顺遂落到实处项指标细节部分。举例,Ajax平常信赖于XMLHttpRequest API,只须要几行代码就贯彻效果与利益,只是浏览器之间存在细微的差异。类库提供了更简便易行的ajax()函数,因此开采者能够小心于越来越高档别的业务逻辑上。

类库能够使将开垦时间收缩20%,开辟者不必挂念细节达成。

不过也可以有欠缺:

  • 类库中的错误难以牢固和修复

  • 付出公司不能够保证高速公布补丁

  • 补丁程序也许会改换API,导致多量代码必得退换

  • 读书进程中遇见哪些难题要么想获取学习能源的话,应接到场学习调换群
    343599877,我们共同学前端!

框架

框架是应用程序的龙骨。它须求以一定的秘技来进展软件设计,在少数节点上贯彻和睦的逻辑。框架平常提供了事件、存储和数据绑定等成效。

框架常常提供了比类库更加高档案的次序的空洞,协助快速营造项目标前80%。

框架的缺点:

  • 假如您的应用程序凌驾了框架的限制,最终20%大概会很难
  • 框架更新很难堪
  • 主干框架代码和定义比很少更新

框架

框架是应用程序的骨架。它供给以一定的章程来实行软件设计,在好几节点上落实团结的逻辑。框架常常提供了风浪、存款和储蓄和多少绑定等效果。

框架经常提供了比类库越来越高档案的次序的思梅止渴,扶助急速营造项目的前80%。

框架的老毛病:

  • 若是您的应用程序超越了框架的界定,最终20%恐怕会很难

  • 框架更新很难堪

  • 主导框架代码和定义非常少更新

工具

工具会支持开辟工作,但却不是项指标组成都部队分。工具包涵创设系统、编写翻译器、转译器、代码分割器、图像压缩器、布置机制等。

工具援助实现三个更便于的支出过程。举个例子,相比于CSS,多数编码者更欣赏Sass,因为它提供了代码分离、嵌套、渲染时变量、循环和函数。浏览器不理解Sass / SCSS语法,由此在测验和布置此前,必需接纳合适的工具将代码编写翻译为CSS。

工具

工具会扶助开拓职业,但却不是类别的组成都部队分。工具富含营造系统、编写翻译器、转译器、代码分割器、图像压缩器、安插机制等。

工具援救完结贰个更易于的费用进度。举个例子,相比较于CSS,大多编码者更爱好Sass,因为它提供了代码分离、嵌套、渲染时变量、循环和函数。浏览器不理解Sass / SCSS语法,由此在测验和配置在此之前,必得利用合适的工具将代码编写翻译为CSS。

类库、框架和工具的不同

类库、框架和工具之间的区分一点都不大。框架可以归纳二个类库,类库能够完成类似框架的诀窍,项目中别的一种工具都是至关重要的。所以无需精晓的分裂类库、框架和工具。

类库、框架和工具的区分

类库、框架和工具之间的界别非常的小。框架可以富含二个类库,类库能够兑现类似框架的法子,项目中其它一种工具都以必备的。所以无需明显的区分类库、框架和工具。

JavaScript框架和类库

以下是遵纪守法流行水平进行的排序:

JavaScript框架和类库

以下是依照流行水平进行的排序:

jQuery

jQuery

澳门新浦京娱乐场网站 1

jQuery
类型 类库
网站 jquery.com
知识库 github.com/jquery/jquery
当前版本 3.2.1
开发人员 jQuery团队
发布日期 2006年8月
大小 最小30kb
用途 通用
使用度 72.4%的网站

随着WordPress、ASP.NET和一些别样框架的宣告,jQuery仍旧是最常用的JavaScript类库。它经过将CSS选取器引进到DOM节点检索加链来利用事件管理程序、动画和Ajax调用,那深透改造了顾客端的支付。

jQuery这两天非常受珍贵,对于急需小量JavaScript功效的门类来讲,仍旧是贰个好选取。

优点:

  • 分布范围小
  • 读书曲线平缓,丰裕的在线帮忙
  • 简洁的语法
  • 轻易实行

缺点:

  • 日增了原生API的快慢费用
  • 浏览器包容性倒霉,但已收获创新
  • 用法扁平
  • 一对行业反对利用

澳门新浦京娱乐场网站 2

jQuery  
类型 类库
网站 jquery.com
知识库 github.com/jquery/jquery
当前版本 3.2.1
开发人员 jQuery团队
发布日期 2006年8月
大小 最小30kb
用途 通用
使用度 72.4%的网站

趁着WordPress、ASP.NET和有些其余框架的表露,jQuery如故是最常用的JavaScript类库。它经过将CSS选用器引进到DOM节点检索加链来选拔事件管理程序、动画和Ajax调用,那透顶改动了顾客端的耗费。

jQuery近来十分受推崇,对于急需一点点JavaScript功效的品种来说,如故是贰个好选用。

优点:

  • 布满范围小

  • 学学曲线平缓,充足的在线支持

  • 从简的语法

  • 轻巧进行

缺点:

  • 扩大了原生API的进程耗费

  • 浏览器包容性欠好,但已赢得立异

  • 用法扁平

  • 某个行当反对选拔

Lodash 和 Underscore

Lodash 和 Underscore

澳门新浦京娱乐场网站 3

Lodash
类型 类库
网站 lodash.com/
知识库 github.com/lodash/lodash/
当前版本 4.17.4
开发人员 John-David Dalton
发布日期 2012年4月
大小 最小4kb – 24kb
用途 通用
使用度
Underscore
类型 类库
网站 underscorejs.org/
知识库 github.com/jashkenas/underscore
当前版本 1.8.3
开发人员 Jeremy Ashkenas
发布日期 2009年10月
大小 最小6kb
用途 通用
使用度

Lodash和Underscore在本节一齐座谈。它们提供了数百个效用性的JavaScript实用程序来补偿原生字符串、数字、数组和任何原始对象方法。固然四个类库之间有部分重合,然而不太大概在二个品类中同不平日候采纳那五个类库。

就算五个类库在客商端使用率比异常的低,可是却足以在劳动器端的Node.js应用程序中运用那多少个类库。

优点:

  • 小而轻巧
  • 可观的文书档案易于学习
  • 与超越57%类库和框架包容
  • 不增加内置对象
  • 能够在顾客端或服务器上选拔

缺点:

  • 稍稍措施只在ES2016及更加高版本的JavaScript中可用。

澳门新浦京娱乐场网站 4

Lodash  
类型 类库
网站 lodash.com/
知识库 github.com/lodash/lodash/
当前版本 4.17.4
开发人员 John-David Dalton
发布日期 2012年4月
大小 最小4kb – 24kb
用途 通用
使用度
Underscore  
类型 类库
网站 underscorejs.org/
知识库 github.com/jashkenas/underscore
当前版本 1.8.3
开发人员 Jeremy Ashkenas
发布日期 2009年10月
大小 最小6kb
用途 通用
使用度

Lodash和Underscore在本节一同商酌。它们提供了数百个成效性的JavaScript实用程序来补偿原生字符串、数字、数组和任何原始对象方法。固然五个类库之间有部分重合,可是不太大概在叁个等级次序中况兼使用那五个类库。

就算多个类库在顾客端使用率相当低,不过却足以在劳务器端的Node.js应用程序中应用那八个类库。

优点:

  • 小而简约

  • 白璧无瑕的文书档案易于学习

  • 与大部分类库和框架宽容

  • 不扩充内置对象

  • 能够在客商端或服务器上利用

缺点:

  • 多少措施只在ES2016及越来越高版本的JavaScript中可用。

AngularJS 1.x

AngularJS 1.x

澳门新浦京娱乐场网站 5

AngularJS
类型 框架
网站 angularjs.org
知识库 github.com/angular/angular.js
当前版本 1.6.4
开发人员 Google
发布日期 2010年10月
大小 144KB
用途 单页应用程序
使用度

Angular是框架(或MVC应用程序框架)类列表中的第一个。近年来最流行的Angular版本是1.x,它利用双向数据绑定扩展HTML,同临时间解耦了DOM操作和应用程序逻辑。

就算版本2(将来是本子4!)已经发布了,然而Angular 1.x仍在付出中。

优点:

  • 部分大百货店正在使用的盛行框架
  • 支现身代Web应用程序的解决方案
  • 是行业内部MEAN栈(MongoDB,Express.JS,AngularJS,NodeJS)的一有个别,有成都百货上千篇章和科目可用

缺点:

  • 学学曲线陡峭
  • 大的代码库
  • 没辙晋级到Angular 2.x

澳门新浦京娱乐场网站 6

AngularJS  
类型 框架
网站 angularjs.org
知识库 github.com/angular/angular.js
当前版本 1.6.4
开发人员 Google
发布日期 2010年10月
大小 144KB
用途 单页应用程序
使用度

Angular是框架(或MVC应用程序框架)类列表中的第二个。最近最流行的Angular版本是1.x,它利用双向数据绑定扩张HTML,相同的时候解耦了DOM操作和应用程序逻辑。

就算版本2(以后是本子4!)已经公布了,可是Angular 1.x仍在支付中。

优点:

  • 局部大集团正在使用的流行框架

  • 付出当代Web应用程序的实施方案

  • 是正规MEAN栈(MongoDB,Express.JS,AngularJS,NodeJS)的一局地,有为数不菲篇章和科目可用

缺点:

  • 读书曲线陡峭

  • 大的代码库

  • 没辙晋升到Angular 2.x

Angular 2.x(现在是Angular 4.x)

Angular 2.x(现在是Angular 4.x)

澳门新浦京娱乐场网站 7

Angular
类型 框架
网站 angular.io
知识库 github.com/angular/angular.js
当前版本 4.1
开发人员 Google
发布日期 2016年9月
大小 最小450kb
用途 单页面应用
使用度

Angular 2.0于二〇一六年7月宣布。这是叁个全体的重写,它引进了使用TypeScript成立的依据模块化组件的模型。Angular 4.0于前年七月发表。

Angular 2.x与v1版本差距相当大,也不与任何版本包容– 或者谷歌(Google)应该给项目起一个例外的名字!

优点:

  • 开辟今世Web应用程序的施工方案
  • 是标准MEAN栈的一有个别,纵然独有为数非常的少的教程可用
  • 对此熟习静态类型语言(如C#和Java)的开采人士,TypeScript提供了有个别优势。

缺点:

  • 读书曲线陡峭
  • 大的代码库
  • 不能从Angular 1.x升级
  • 与1.x比照,Angular 2.x较难精晓

澳门新浦京娱乐场网站 8

Angular  
类型 框架
网站 angular.io
知识库 github.com/angular/angular.js
当前版本 4.1
开发人员 Google
发布日期 2016年9月
大小 最小450kb
用途 单页面应用
使用度

Angular 2.0于二〇一五年2月宣布。那是一个完整的重写,它引进了选拔TypeScript创立的依照模块化组件的模型。Angular 4.0于二零一七年二月宣布。

Angular 2.x与v1版本差距十分的大,也不与另外版本兼容– 可能Google应该给品种起一个见仁见智的名字!

优点:

  • 付出现代Web应用程序的建设方案

  • 是标准MEAN栈的一局地,就算独有为数非常少的科目可用

  • 对于熟稔静态类型语言(如C#和Java)的开荒职员,TypeScript提供了有的优势。

缺点:

  • 学学曲线陡峭

  • 大的代码库

  • 不能从Angular 1.x升级

  • 与1.x对照,Angular 2.x较难知晓

  • 上学进程中碰到哪些难点要么想博得学习能源的话,应接参加学习交换群
    343599877,大家联合学前端!

React

澳门新浦京娱乐场网站 9

React
类型 框架
网站 facebook.github.io/react/
知识库 github.com/facebook/react
当前版本 15.5.4
开发人员 Facebook和贡献者
发布日期 2013年3月
大小 21kb分钟
用途 单页应用程序
使用度

React是贰个用来创设客户分界面包车型客车JavaScript类库,也是2018年最受关心的类库。它小心于Model-View-Controller(MVC)开荒的“View”部分,使用它能够轻便创设保留状态的UI组件。它是落到实处虚构DOM的首推类库之一, 它的内部存款和储蓄器结构能够行得通地总计差距,页面更新也愈发使得。

总结呈现React的使开销就像是异常低,因为它是在应用程序中央银行使并不是在网址。

优点:

  • 精美,高效,迅速灵活
  • 轻便的组件模型
  • 了不起的文书档案和在线财富
  • 可完成服务器端渲染
  • 当下受迎接,经历了快速拉长

缺点:

  • 亟待上学新的概念和语法
  • 塑造筑工程具很要紧
  • 亟待任何类库或框架提供model和Controller部分
  • 与修改DOM的代码和别的类库不合营

刺探越多关于React the ES6 Way

React

澳门新浦京娱乐场网站 10

React  
类型 框架
网站 facebook.github.io/react/
知识库 github.com/facebook/react
当前版本 15.5.4
开发人员 Facebook和贡献者
发布日期 2013年3月
大小 21kb分钟
用途 单页应用程序
使用度

React是五个用于塑造客商分界面包车型客车JavaScript类库,也是二〇一八年最受关怀的类库。它小心于Model-View-Controller(MVC)开垦的“View”部分,使用它能够轻易创设保留状态的UI组件。它是兑现虚拟DOM的首推类库之一, 它的内部存款和储蓄器结构能够有效地质衡量算差别,页面更新也越来越实用。

总计呈现React的使开支就如十分的低,因为它是在应用程序中运用实际不是在网址。

优点:

  • 娇小,高效,快速灵活

  • 简言之的零件模型

  • 美妙的文书档案和在线能源

  • 可完结劳务器端渲染

  • 澳门新浦京娱乐场网站,此时此刻受招待,经历了急忙增加

缺点:

  • 急需上学新的概念和语法

  • 构建筑工程具很关键

  • 亟需别的类库或框架提供model和Controller部分

  • 与修改DOM的代码和任何类库不相称

询问更加多关于React the ES6 Way

Vue.js

Vue.js

澳门新浦京娱乐场网站 11

Vue.js
类型 框架
网站 vuejs.org
知识库 github.com/vuejs/vue
当前版本 2.0
开发人员 Evan You
发布日期 2014年2月
大小 最小19kb
用途 单页面应用
使用度

Vue.js是一个用以创设客户分界面的轻量级渐进框架。它提供了贰个像样React的设想DOM驱动视图层,能够与任何类库集成,用于构建强大的单页面应用。该框架是由事先在AngularJS工作过的EvanYou创立的,他领取了AngularJS中和煦垂怜的片段。

Vue.js使用HTML模板语法将DOM绑定到实例数据。Model是在数码变动时更新view的纯JavaScript对象。

优点:

  • 能够便捷利用,并且日益推广
  • 很轻巧升高高品位开垦职员的满足度
  • 借助于小,品质好

缺点:

  • 贰个较新的等级次序 – 风险大概会越来越大
  • 一些重视开辟职员实行立异
  • 对照于别的框架,能源相当少

澳门新浦京娱乐场网站 12

Vue.js  
类型 框架
网站 vuejs.org
知识库 github.com/vuejs/vue
当前版本 2.0
开发人员 Evan You
发布日期 2014年2月
大小 最小19kb
用途 单页面应用
使用度

Vue.js是三个用于创设顾客分界面包车型地铁轻量级渐进框架。它提供了贰个近乎React的虚构DOM驱动视图层,能够与任何类库集成,用于构建庞大的单页面应用。该框架是由事先在AngularJS工作过的埃文You创设的,他领取了AngularJS中本身爱怜的局部。

Vue.js使用HTML模板语法将DOM绑定到实例数据。Model是在数额变动时更新view的纯JavaScript对象。

优点:

  • 能够快捷利用,何况稳步普遍

  • 很轻松升高高水准开拓职员的满足度

  • 依傍小,品质好

缺点:

  • 八个较新的类型 – 风险也许会越来越大

  • 局地信任开采职员进行更新

  • 对待于任何框架,财富比较少

Backbone.js

澳门新浦京娱乐场网站 13

Backbone.js  
类型 框架
网站 backbonejs.org
知识库 github.com/jashkenas/backbone/
当前版本 1.3.3
开发人员 Jeremy Ashkenas
发布日期 2010年10月
大小 最小8kb
用途 单页面应用
使用度

Backbone.js是提供劳务器端框架辽宁中国广播公司泛的MVC结构的最初客户端选项之一。它独一的借助是Underscore.js。

Backbone.js声称是一个类库,因为它能够与别的类型并入,不过本人感到大非常多开荒人士都认为它是二个框架。

优点:

  • 体量小,重量轻,复杂度低
  • 不添加HTML逻辑
  • 文本丰硕
  • 应用了多数采用,满含Trello、WordPress.com、LinkedIn和Groupon

缺点:

  • 与AngularJS等其余框架比较,抽象度极低
  • 要求十三分的零部件来兑现多少绑定等成效
  • 新型的框架已经不行使MVC架构了

Backbone.js

澳门新浦京娱乐场网站 14

Backbone.js  
类型 框架
网站 backbonejs.org
知识库 github.com/jashkenas/backbone/
当前版本 1.3.3
开发人员 Jeremy Ashkenas
发布日期 2010年10月
大小 最小8kb
用途 单页面应用
使用度

Backbone.js是提供服务器端框架辽宁中国广播公司大的MVC结构的最初顾客端选项之一。它独一的信赖性是Underscore.js。

Backbone.js声称是一个类库,因为它可以与其余门类并入,可是本身感觉大好多开采职员都以为它是八个框架。

优点:

  • 体积小,重量轻,复杂度低

  • 不添加HTML逻辑

  • 文本充足

  • 选取了多数行使,包括Trello、WordPress.com、LinkedIn和Groupon

缺点:

  • 与AngularJS等任何框架相比较,抽象度比较低

  • 急需十三分的零件来贯彻数量绑定等作用

  • 新式的框架已经不使用MVC架构了

Ember.js

Ember.js

澳门新浦京娱乐场网站 15

Ember.js
类型 框架
网站 emberjs.com
知识库 github.com/emberjs/ember.js
当前版本 2.15.0
开发人员 Ember team
发布日期 2011年12月
大小 最小95kb
用途 单页面应用
使用度

Ember.js是依照Model-View-ViewModel(MVVM)情势的框架之一。它在单个包中完毕模板化、数据绑定和类库。

优点:

  • 为顾客端应用程序提供了纯粹实施方案
  • 开荒职员能够马上升高开采效能 – 它使用jQuery
  • 出色的向后宽容性和提高选项
  • 选拔了今世Web开拓规范

缺点:

  • 巨型分配式
  • 与任何正在向十分的小组件结构向上的框架比较,它这个的变得壮大
  • 学学曲线陡峭

澳门新浦京娱乐场网站 16

Ember.js  
类型 框架
网站 emberjs.com
知识库 github.com/emberjs/ember.js
当前版本 2.15.0
开发人员 Ember team
发布日期 2011年12月
大小 最小95kb
用途 单页面应用
使用度

Ember.js是依靠Model-View-ViewModel(MVVM)形式的框架之一。它在单个包中完毕模板化、数据绑定和类库。

优点:

  • 为顾客端应用程序提供了单纯技术方案

  • 开荒职员能够登时进步费用功能 – 它采纳jQuery

  • 精美的向后包容性和提拔选项

  • 应用了今世Web开采用国际标准和国外先进标准准

缺点:

  • 大型分配式

  • 与别的正在向极小器件结构向上的框架比较,它特别的偌大

  • 读书曲线陡峭

Knockout.js

澳门新浦京娱乐场网站 17

Knockout.js  
类型 框架
网站 knockoutjs.com
知识库 github.com/knockout/knockout
当前版本 3.4.2
开发人员 Steve Sanderson
发布日期 2010年7月
大小 最小59kb
用途 单页面应用
使用度

Knockout.js是最初的MVVM框架之一,它确认保证了UI与底层数据保持同步,具有模板和依据关系追踪。

优点:

  • 小而方便,无依附
  • 美丽的浏览器扶助,能够支撑到IE6
  • 美好的文书档案能源

缺点:

  • 非常的大的品类也许变得很复杂
  • 发展已经缓慢
  • 选拔情况就像是在收缩

Knockout.js

澳门新浦京娱乐场网站 18

Knockout.js  
类型 框架
网站 knockoutjs.com
知识库 github.com/knockout/knockout
当前版本 3.4.2
开发人员 Steve Sanderson
发布日期 2010年7月
大小 最小59kb
用途 单页面应用
使用度

Knockout.js是最初的MVVM框架之一,它确认保证了UI与底层数据保持同步,具备模板和正视性关系追踪。

优点:

  • 小而方便,无依附

  • 卓越的浏览器扶助,能够帮衬到IE6

  • 美观的文书档案财富

缺点:

  • 比较大的类型大概变得很复杂

  • 进化已经款款

  • 动用情况如同在弱化

更加多的框架和类库

以下类别尽管不是极火,但值得思考:

  • Polymer – 能够跨浏览器扶助HTML5网页组件的类库
  • Meteor – 一个用以Web应用程序的全栈平台
  • Aurelia  – 一种对峙较新的,轻量级的跨平台框架
  • Svelte – 一个将框架源代码转换为干净JavaScript的新品类
  • Conditioner.js  – 一个基于状态自动加载和卸载模块的类库

更加多的框架和类库

以下项目即使不是特地流行,但值得思量:

  • Polymer – 可以跨浏览器帮忙HTML5网页组件的类库

  • Meteor – 一个用于Web应用程序的全栈平台

  • Aurelia  – 一种绝对较新的,轻量级的跨平台框架

  • Svelte – 一个将框架源代码转变为干净JavaScript的新品类

  • Conditioner.js  – 三个遵照状态自动加载和卸载模块的类库

工具:实践通用义务

创设筑工程具自动推行各个Web开采任务,譬如预管理、编译、优化图像、减少代码、代码深入分析和平运动转测量试验等。职务能够在贰个可施行包中集结保管。

当下最受迎接的工具如下:

工具:施行通用职分

创设筑工程具自动实践各样Web开拓任务,比如预管理、编写翻译、优化图像、缩短代码、代码分析和平运动行测量检验等。职务可以在三个可实行李包裹中集结保管。

此时此刻最受迎接的工具如下:

Gulp.js

澳门新浦京娱乐场网站 19

Gulp.js
网站 gulpjs.com
知识库 github.com/gulpjs/gulp
当前版本 3.9.1
每月下载 300万

固然居尔p不是首先个职务执行工具,它却不慢形成了最受接待的。居尔p使用轻易阅读的JavaScript代码,将源文件加载到流中,并在将数据输出到营造文件夹在此之前,通过各样插件管理数据。在任何别的选项此前检查Gulp.js是简简单单、赶快和有趣的。

Gulp.js

澳门新浦京娱乐场网站 20

Gulp.js  
网站 gulpjs.com
知识库 github.com/gulpjs/gulp
当前版本 3.9.1
每月下载 300万

就算Gulp不是首先个职分实践工具,它却相当慢产生了最受款待的。Gulp使用轻便阅读的JavaScript代码,将源文件加载到流中,并在将数据输出到创设文件夹在此之前,通过各个插件管理数据。在另外别的选项从前检查Gulp.js是简简单单、火速和有趣的。

NPM

NPM

澳门新浦京娱乐场网站 21

NPM
网站 npmjs.com
知识库 github.com/npm/npm
当前版本 4.5.0
每月下载 300万

npm是Node.js包管理器,但其脚本工具可用来运营通用职责。对于持有一丢丢正视关系的回顾项目来讲,那是多少个很好的选用。可是,更眼花缭乱的任务可能会变得不太适用。

澳门新浦京娱乐场网站 22

NPM  
网站 npmjs.com
知识库 github.com/npm/npm
当前版本 4.5.0
每月下载 300万

npm是Node.js包管理器,但其脚本工具可用来周转通用职务。对于有着少些信任关系的简重要项目目来讲,那是叁个很好的选拔。但是,更目迷五色的天职大概会变得不太适用。

Grunt

Grunt

澳门新浦京娱乐场网站 23

Grunt
网站 gruntjs.com
知识库 github.com/gruntjs/grunt
当前版本 1.0.1
每月下载 200万

Grunt是首先批被广大利用的JavaScript职务奉行工具之一,但其速度和复杂性的JSON配置却促成了Gulp的兴起。今后那个主题素材一度获取了消除,Grunt如故是一个受接待的选拔。

澳门新浦京娱乐场网站 24

Grunt  
网站 gruntjs.com
知识库 github.com/gruntjs/grunt
当前版本 1.0.1
每月下载 200万

Grunt是首先批被左近利用的JavaScript义务实践工具之一,但其速度和复杂性的JSON配置却形成了Gulp的勃兴。今后那一个题材已经猎取了化解,Grunt还是是三个受接待的采纳。

工具:模块绑定

七个JavaScript文件的管制已经变为了一件繁琐的事务。暗中认可意况下,浏览器文件不会被编写翻译,由此其借助关系必需以切合的顺序进行加载或一连。即使有像ES6模块和CommonJS那样的选项,不过浏览器协助是轻易的,因而模块绑定变得卓殊要害。

工具:模块绑定

两个JavaScript文件的管住已经济体改为了一件繁琐的事情。默许情形下,浏览器文件不会被编写翻译,因而其借助关系必需以适龄的次第举办加载或三番五次。尽管有像ES6模块和CommonJS那样的选项,不过浏览器帮忙是个其余,因而模块绑定变得十一分首要。

WebPack

澳门新浦京娱乐场网站 25

WebPack
网站 webpack.js.org
知识库 github.com/webpack/webpack
当前版本 2.5.1
每月下载 600万

Webpack帮助全数流行的模块选项,并已改成React开拓的代名词。即使Webpack声称是贰个模块捆绑程序,不过曾经足以看成通用任务运转程序了。

WebPack

澳门新浦京娱乐场网站 26

WebPack  
网站 webpack.js.org
知识库 github.com/webpack/webpack
当前版本 2.5.1
每月下载 600万

Webpack帮忙全数流行的模块选项,并已改为React开采的代名词。即便Webpack声称是一个模块捆绑程序,但是已经能够作为通用义务运维程序了。

Browserify

Browserify

澳门新浦京娱乐场网站 27

Browserify
网站 browserify.org
知识库 github.com/substack/node-browserify
当前版本 14.3.0
每月下载 260万

Browserify援助Node.js正在利用的CommonJS模块,它将具有模块编写翻译成单个浏览器宽容的公文。

澳门新浦京娱乐场网站 28

Browserify  
网站 browserify.org
知识库 github.com/substack/node-browserify
当前版本 14.3.0
每月下载 260万

Browserify援助Node.js正在采用的CommonJS模块,它将具备模块编写翻译成单个浏览器宽容的文件。

RequireJS

RequireJS

澳门新浦京娱乐场网站 29

RequireJS  
网站 requirejs.org
知识库 github.com/jrburke/r.js
当前版本 2.3.3
每月下载 百万

RequireJS是一种浏览器中的模块加载器,它也得以在Node.js中接纳。

澳门新浦京娱乐场网站 30

RequireJS  
网站 requirejs.org
知识库 github.com/jrburke/r.js
当前版本 2.3.3
每月下载 百万

RequireJS是一种浏览器中的模块加载器,它也得以在Node.js中选用。

工具:代码深入分析

代码剖析工具用于分析代码中潜在错误或离开语法的正儿八经。一个未闭合括号或未声明的变量一定会被检查测量试验出。

工具:代码解析

代码分析工具用于深入分析代码中潜在错误或离开语法的标准。三个未闭合括号或未评释的变量一定会被检验出。

ESLint

ESLint

澳门新浦京娱乐场网站 31

ESLint
网站 eslint.org
知识库 github.com/eslint/eslint
当前版本 3.19.0
每月下载 600万

ESLint是一种可插拔的代码深入分析工具。每个准绳都以三个插件,由此能够依据个体喜好举行布局。

澳门新浦京娱乐场网站 32

ESLint  
网站 eslint.org
知识库 github.com/eslint/eslint
当前版本 3.19.0
每月下载 600万

ESLint是一种可插拔的代码深入分析工具。每一种准则都是三个插件,由此能够依照个人喜欢实行布局。

JSHint

澳门新浦京娱乐场网站 33

JSHint
网站 jshint.com
知识库 github.com/jshint/jshint
当前版本 2.9.4
每月下载 200万

JSHint是三个灵活的JavaScript代码深入分析工具,它很好的平衡了着实的错误和老旧的语法。

JSHint

澳门新浦京娱乐场网站 34

JSHint  
网站 jshint.com
知识库 github.com/jshint/jshint
当前版本 2.9.4
每月下载 200万

JSHint是三个心灵手巧的JavaScript代码分析工具,它很好的平衡了确实的荒谬和老旧的语法。

JSLint

澳门新浦京娱乐场网站 35

JSLint
网站 jslint.com
知识库 github.com/reid/node-jslint
当前版本 0.10.3
每月下载 50000

JSLint是最先的代码剖析工具之一,它完结了一套严苛的默许法则。

JSLint

澳门新浦京娱乐场网站 36

JSLint  
网站 jslint.com
知识库 github.com/reid/node-jslint
当前版本 0.10.3
每月下载 50000

JSLint是最先的代码解析工具之一,它完毕了一套严峻的暗中同意准绳。

工具:单元测量检验

测验驱动开拓的职务要求供给编写制定代码来测量试验自身的代码。这段日子有成都百货上千增选,包括Ava, Tape 和Jest ,但方今最风靡的七个工具是:

工具:单元测量检验

测量检验驱动开拓的天职供给须求编制代码来测量检验本人的代码。近年来有相当多挑选,包涵Ava, Tape 和Jest ,但目前最盛行的四个工具是:

Mocha

Mocha

澳门新浦京娱乐场网站 37

Mocha
网站 mochajs.org
知识库 github.com/mochajs/mocha
当前版本 3.3.0
每月下载 500万

Mocha是一个JavaScript测量检验框架,能够在Node.js或浏览器中运作测量试验。它援助异步测量检验,况兼平时与Chai相配使用,那样能够使测量试验代码以可读取的措施表达。

澳门新浦京娱乐场网站 38

Mocha  
网站 mochajs.org
知识库 github.com/mochajs/mocha
当前版本 3.3.0
每月下载 500万

Mocha是多个JavaScript测验框架,能够在Node.js或浏览器中运作测量试验。它支持异步测验,何况平日与Chai合营使用,那样能够使测量检验代码以可读取的点子发挥。

Jasmine

Jasmine

澳门新浦京娱乐场网站 39

Jasmine
网站 jasmine.github.io
知识库 github.com/jasmine/jasmine-npm
当前版本 2.6.0
每月下载 200万

澳门新浦京娱乐场网站二零一七年前端框架,二〇一七年大比拼。Jasmine是三个行为使得的测验工具,能够在浏览器中机动测量检验UI和相互。

澳门新浦京娱乐场网站 40

Jasmine  
网站 jasmine.github.io
知识库 github.com/jasmine/jasmine-npm
当前版本 2.6.0
每月下载 200万

Jasmine是一个行为使得的测量检验工具,能够在浏览器中机动测量检验UI和相互。

QUnit

QUnit

澳门新浦京娱乐场网站 41

QUnit
网站 https://qunitjs.com/
知识库 github.com/kof/node-qunit
当前版本 1.0.0
每月下载 25000

QUnit是三个单元测验框架,可以在输入特定参数时,检查函数结果。它还反映测验结果,确定保证没错失特定的代码分支。

澳门新浦京娱乐场网站 42

QUnit  
网站 https://qunitjs.com/
知识库 github.com/kof/node-qunit
当前版本 1.0.0
每月下载 25000

QUnit是一个单元测量试验框架,能够在输入特定参数时,检查函数结果。它还举报测验结果,确定保证未有遗失特定的代码分支。

总结与建议

日前特别流程的框架是React,同期别的的框架也在向着流行的大方向发展。

设若要求二个安全的、通用的Web应用程序,能够思考选用Vue.js。

完全框架已经不再受应接了,要是您必要对八个非常大型项目开展严厉的组织处理,AngularJS是贰个没有疑问的精选。这几天大多人坚称运用Angular 1.0本子,但是长时间来说,若是你愿意学习TypeScript,Angular 4.x版本是个越来越好的采取。

jQuery虽说今后并不足够盛行,在技能情报中也非常少会被提到,但不可以还是不可以认它是主动付出的,同不平时候也是网址和应用程序的强劲工具。jQuery具有酣春的就学曲线,满世界许多开垦职员能够很好地知道。

万一你想要冒险,能够试试Svelte那是贰个风趣的客商端/服务器框架,它能够在营造时优先显示JavaScript,况且能够转移我们付出的方法。

工具的选料因项目而异。固然日前利用Gulp的开垦者占大部分,但WebPack却越发受接待。同不常间你也不能够遗失ESLint和Mocha等测量试验工具。

千古的十年,JavaScript经历了批判性的开采进取。过去独有为数不八大旨的类库可以挑选,不过以往可供选拔的类库已经密密麻麻。恐怕不可能鲜明哪些类库、框架和工具是最棒的,不过最切合本人项目的,正是最佳的。

假定本文错失了您最欣赏的JavaScript类库,框架或工具?款待在文末商酌。

2 赞 5 收藏 评论

澳门新浦京娱乐场网站 43

小结与提议

此时此刻极端流程的框架是React,同期别的的框架也在向着流行的趋势发展。

假诺要求八个安全的、通用的Web应用程序,能够思考选拔Vue.js。

总体框架已经不再受接待了,假若你要求对叁个不小型项目进展严刻的构造管理,AngularJS是二个没有错的采取。最近超越百分之五十人坚称运用Angular 1.0本子,但是长时间来说,假设你愿意学习TypeScript,Angular 4.x版本是个更加好的取舍。

jQuery就算今后并不要命风靡,在技能情报中也相当少会被波及,但不可以还是不可以认它是主动开采的,同期也是网址和应用程序的有力工具。jQuery拥有7月的就学曲线,全球许多开垦职员能够很好地领悟。

假如你想要冒险,能够尝试Svelte那是二个妙不可言的顾客端/服务器框架,它可以在创设时事先显示JavaScript,并且可以变动大家开垦的不二法门。

工具的精选因项目而异。纵然最近采纳Gulp的开辟者占大多数,但WebPack却更为受接待。相同的时候你也不可能错失ESLint和Mocha等测验工具。

比较于JavaScript开荒职员的数额,近些日子JavaScript框架、类库和工具的多少犹如越多一些。截...

本文由澳门新浦京娱乐场网站发布于新浦京娱乐场官网,转载请注明出处:澳门新浦京娱乐场网站二零一七年前端框架,二