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

澳门新浦京娱乐场网站:前端框架,库和工具

最好的 JavaScript 前端框架、库和工具

2015/12/22 · JavaScript · 1 评论 · 工具, 库, 框架

本文由 伯乐在线 - cucr 翻译,Heiye 校稿。未经许可,禁绝转发!
韩语出处:Rami Sayar。款待参加翻译组。

接近差不离每距离一周就有三个新的 JavaScript 库在网络社区挑起风暴!互联网社区更是充满活力,八种化且在三个方面异常快腾飞。考察每二个主流的 JavaScript 框架和库是不容许做到的壮举。由此,小编将分享部分前端开辟中最有名和最有影响力的框架和库。让大家看看最棒的 JavaScript web 前端框架,库和工具以至几时使用它们。

另外:

  • 如果自身未曾富含你最欢快的 JavaScript 框架,请不要上火。
  • 世世代代铭刻持续更新您的框架和库。最新版本的框架和库平时兼有最棒的跨浏览器和跨设备的帮助。你能够应用工具, 比如scanner 来援救判定二个旧版本是还是不是相称这一大批判设备。

好了,让大家进来列表!

  那篇文章主要描述于今风靡的局地 Javascript web 前端框架,库以至它们的适用场景。

正文来源于:草龙珠城控件技能公司博客

与开荒者数量相比较,或然有越多的JavaScript框架、库和工具。截至到二零一七年一月,在GitHub上急忙搜索能搜到超过110万的JavaScript项目。 在npmjs上有50万的可用包,况且这么些包各样月的下载量将近100亿次。

AngularJS

Angular 是风靡的集团级框架,大多开采职员都在运用它来创设和护卫复杂的 web 应用程序。Angular 的名气十三分高,富含 Domino’s Pizza, Ryanair, iTunes Connect, PayPal Checkout, 谷歌(Google)等厂家都在动用它。Angular 是多少个由谷歌(Google)支持的开源框架。Angular 自称是 HTML 的叁个扩张,用来营造复杂的 web 应用程序。另外要是您熟练 TypeScript, Angular 2正是用它营造的。

  新的 Javascript 库成千上万,进而Web 社区愈发活跃、多样、在多地点相当的慢前进。详细去汇报种种主流的 Javascript 框架和库近乎不大概,所以在此篇文章中任重(Ren Zhong)而道远介绍部分对后边一个发展最具影响力的前端框架。接下来让我们来一起研讨一些主流前端框架、库和工具,并研讨它们的适 用场景。

差那么一点每间距一个礼拜,就有八个新的 JavaScript 库席卷网络社区!Web 社区慢慢活跃、三种,并在四个世界急忙成长。想要研究每一个入眼的 JavaScript 框架和库,是个不或然做到的职务。接下来,笔者会分享部分前端开荒的最著名和最有影响力的框架和库。下边,就让我们共同来拜望,超级的 JavaScript web 前端框架、库和工具及其应用。

2017.05.29: 更新了本文,目的在于能正确的陈诉当前JavaScript生态的情事。

其一小编的更加多小说

  • 创设二个依据 Node.js 的聊天室 Web App:远程调试
  • 营造三个基于 Node.js 的聊天室 Web App:通过 WebSockets 连接

Angular 是贰个 MVC 类型的框架。它提供了模型和视图之间的双向数据绑定。该数额绑定允许每当数据变动时,两侧自动更新。  它使您可以预知营造可复用的视图组件。它提供了三个劳务框架,使得后端-前端服务通讯更便于。最终,它只是常见的 JavaScript。

哪天使用 AngularJS?当你正在创设二个错综相连的 web 前端应用程序,同期须求四个模块化的框架来管理整个时。

GitHub: 
时下版本: 1.4.7/1.2.29
网址: angularjs.org

  同时:

请注意:

正文器重呈报如今最风靡的客商端JavaScript框架、库和工具之间的中坚差别和她们的中坚介绍。至于是否你要物色的特级实行那是别的八个主题素材。你能够选拔三个,并坚定不移使用一段时间,你要清楚您最欣赏的那多少个有相当大恐怕被“更加好”的所取代,而不管您是还是不是选用使用那个更加好的。

React

React 是今年最受接待的 JavaScript 项目!种种人都仿佛在座谈 ReactJS。去年自己参与的每贰个会议,至稀少好些个少个议题是关于 React 和同家族的其他库(Flux, Redux)的。React 是开源软件,首要由 推特开拓,其余大型科学技术公司也许有贡献。React 自称是贰个用以营造顾客分界面包车型大巴JavaScript 库。

React 首假使 MVC 中的 V。它的要紧完全在 MVC 的 V 部分,忽略应用程序架构的其他部分。它提供了一个组件层,使得制造 UI 成分,组合成分变得更便于。它使用设想 DOM,因而优化了渲染,且允许从 node.js 渲染 React。另外,它完毕了三只响应的数据流,因而比别的框架更易于掌握和行使。

用作 MVC 中的 V,非常多种类将 React 结合 Angular 或 Ember 那样的框架使用。

哪天使用 React?当你想要一个强盛的视图层,但无需在应用程序的其他部分使用四个繁缛的框架,可能你在 Angular、Backbone 或 Ember 应用上急需三个视图层时。当您正试图建设构造一个同构 web 框架时。

 

GitHub: 
日前版本: v0.14.0
网址: Facebook.github.io/react/

  要是该篇作品未有包蕴你心爱的 Javascript 框架,勿喷

若果未有包涵你最欢愉的 JavaScript 的框架和库,请多富含。

大纲目录

  • 复杂的术语

  • 框架

  • 工具

  • 永不给本人贴标签

  • JavaScript 框架和库

  • jQuery

  • React

  • Lodash and Underscore

  • AngularJS 1.x

  • AngularJS 2.x (now 4.x)

  • Vue.js

  • Backbone.js

  • Ember.js

  • Knockout.js

  • 其他值得关心的

  • 工具:通用自动创设筑工程具

  • Gulp.js

  • npm

  • Grunt

  • 工具:模块打包工具

  • Webpack

  • Browserify

  • RequireJS

  • 工具:代码校验工具

  • ESLint

  • JSHint

  • JSLint

  • 工具:测量检验框架工具

  • Mocha

  • Jasmine

  • QUnit

  • 工具:其他

  • 总计和推举

  • 评论

阅读本小说前,请接受下列条约和准星…!

  • 澳门新浦京娱乐场网站:前端框架,库和工具。因为JavaScript的升华新生事物正在生机勃勃,所以本文揭发后大概及时就过时了。

  • 本身所说的“最佳”的情致是“最受应接和流行的类别”。小编所列出的保有的免费/开源的品类只怕未有你欢跃使用的那多少个。

  • 早就昭示去世的品种,举例:YUI不在本文所列的列表中,固然它还会有不少的使用者。

  • 本文只谈谈顾客端的门类。一些能在服务端专门的学业的纯服务端框架,比方:Express.js 或者 Hapi不在本文的座谈列表中。

  • 至于每三个门类的新闻,小编都以假意简明扼要的概述,指标是为着促令你和煦做越来越的钻研。

  • 每三个品类都本身提供了八个“布满度目的”,不过分明总结数据往往都以不那么精确的,况且也许有十分大希望会误导外人,所以数据仅供仿照效法。

  • 本人或者存在偏见,你也说不定存在偏见,每种人都有十分的大可能率存在偏见。本文列举的保有工具小编并非都有应用过,但作者会告诉你自个儿最欣赏使用哪个,不过你应该依赖本身的须求做出本人的评估和甄选。

  • 在那评释,你的选料导致的倒霉的结果,我和SitePoint不辜负任何义务。

Backbone

Backbone 是三个知名的简练框架,符合单个 JavaScript 文件。Backbone 已经存在有一段时间了,是以 CoffeeScript 和 Underscore 闻明的 杰里米Ashkenas 所开荒的。对于部分为Mini web 应用寻觅二个协会简单的框架,而不想引进如 Angular 或 Ember 那些大型框架的团组织,Backbone 深受应接。

Backbone 提供二个完全的 MVC 框架以致路由。模型允许键-值绑定和数码变化的事件管理。模型(和集纳)能够连接到RESTful API。视图具备声明式事件管理,路由在拍卖 UXC60L 和情况管理上做的很卓绝。它满含你成立二个单页面应用程序所须要的漫天,且从未提供太多东西,未有不须求的复杂度。

什么日期使用 Backbone?Backbone 是自个儿创制轻便 web 应用程序的首荐框架。

GitHub: 

脚下版本: 1.2.3
网站: backbonejs.org

  在应用前端框架进行付出时,提出维持版本更新。最新版本的平时都会提必要越来越好的跨浏览器,跨平台成效。 需检查评定有些框架的旧版本是还是不是对各类浏览器以至设备的万分,请使用 类似这么些扫描器 的工具

请实时更新您的框架和库,最新版本往往有更加好的跨浏览器和跨设备支撑。能够动用检查评定设备同样的工具,来帮衬鲜明一个旧版本,是不是足以和铺排最佳的设施非常。

复杂的术语

“框架(framework)”、“库(library)”和“工具(tool)”那么些词语,对于分裂的人在分裂一时间间差别的语境下会有不相同的精晓,但对于那几个词语本文中采纳的概念如下:

Ember

Ember 是八个僵硬的 web 应用程序框架,关切程序猿的工效。Ember 相比盛行,它的基本团队包蕴像曾是 Ruby on Rails 和 jQuery 宗旨团队成员的 Yehuda Katz 的智囊。Ember 自称是“一个用以创建大面积 web 应用程序的框架”,且不浪费你的岁月。它很僵硬,为你提供了累累选项。

Ember 也是二个 MVC 框架。它回顾多少个模板和视图引擎,当数码变化时自动更新,就疑似Angular,Backbone 和 React 一样。它包涵 web组件 的思索,让您利用自个儿标签扩充 HTML(仿佛Angular 一样)。它也会有一个知晓如何与你的 RESTful API 一齐专门的学业的路由和模型引擎。

何时使用 Ember?当你只须要一个足以运作的框架时。当您因为预算恐慌或工期十分的短而没有要求灵活性时,请使用 Ember。

GitHub: 
现阶段版本: 2.1.0
网站: emberjs.com

  策画好了吧,那么接下去每种钻探它们。

接下去,让大家看看上面的列表!

二个库是三个有集体的功力的会集。三个一级的库应该蕴含字符串管理、日期处理、HTML DOM成分管理、事件管理、cookie管理、动画、互联网央浼管理等功效。每一个封装好的API函数都能将值不易的回来给调用他的应用程序,该应用程序是基于你选用的效果与利益去看意况实现的。那足以看做小车零件的选用:你可以随意的取舍零件来组装一个方可干活的一体化车辆,不过你必得团结去建造你自身的引擎。

库常常提供的是一个更加高的思梅止渴等第,那对于贯彻细节和差别性会更加的平缓慢解决文雅。比如:Ajax经常会借助XMLHttpRequest API,不过那需求几行代码就可以落成拍卖跨浏览器的分寸的变现差异。库会提供三个ajax()函数,而你能够轻巧的举世瞩目标去落到实处您的更加高等别的事务逻辑就能够。

支出中动用一个库,能够节约33.33%的费用时间,因为您不必去关爱某一效果具体的达成细节。不过短处是:

  • 假诺您使用的库存在bug,往往难以稳固和修补

  • 举个例子有bug,无法保险库的支出团队会赶快的公布补丁

  • 三个补丁的换代恐怕会变成API的改造,进而会导致你的代码要做要紧的转移来适应这些补丁的立异。

jQuery

jQuery 是贰个不必介绍的库。它凭自身个人的力量让跨浏览器网址选拔成为实际,同期把 web 带到前天的岗位。Web 标准已经被超越四分之二浏览器创造商接纳并真正地注重,jQuery 是当中的由来之一。jQuery 基金会的职务是“通过开源软件的支出和援助,以至开垦社区的搭档,改进开放的 web,让每一个人都能够访谈它。”

jQuery 是社会风气上最常用的 JavaScript 库,全部应用程序都应该运用它,除非你不留意程序猿的工作功效。它使得 DOM 遍历、事件管理、动画、AJAX 在享有浏览器上变得更轻便、更易于。

曾几何时使用 jQuery?平昔利用,除非你想利用四个像 Zepto 的轻量级版本。

GitHub: 
如今版本: v1.11.3 or v2.1.4
网站: jquery.com

  AngularJS

AngularJS

框架

三个框架是叁个应用程序的骨子。他供给你要以一种特有的点子(约定好的主意)进行软件的设计,必得特定的点加入你自个儿的逻辑。平时框架都会提供事件管理、存款和储蓄、数据绑定等职能。拿小车类比的话,框架会提供小车的礁盘、车身和斯特林发动机。有限扶植成效平常运作的状态下您能够增加、删除和修改某个零部件。

框架常常比库提供更加高的虚幻品级,框架可以一点也不慢帮您营造你项目标八成的办事。不过分明是:

  • 比如您的剩余的五分之一的行事超越了框架的限定限制,将会变得很难做下来。

  • 框架的更新是很困难的 - 若是是可更新的话

  • 框架的中坚代码和定义相当少是进化成熟的。管理同样的事体时开垦者总是能找到更加好的管理格局。

Underscore &lodash

不经常 JavaScript 内置的职能形成程序猿的功用并不高。总是缺少贰个工具函数或二个足以简化代码的函数。Underscore(和 lodash)是三个 JavaScript 库,它提供了一站式工具函数,无需对松开JavaScript 对象打补丁。八个库均提供超过 100 个职能帮手和任何专用效率,富含 map,filter,invoke,reduce,template, throttle, bind, extend, pick, clone 等越来越多的函数。

哪一天使用 Underscore?当您须要三个单身的 JavaScript 文件,来马上升高程序猿的工效时。

Underscore GitHub: 
Underscore 当前版本: 1.8.3
Underscore 网站: underscorejs.org

什么时候使用 lodash?当您须求模块化和特性稍强版本的 Underscore,同不时候更易于地扶植 英特尔 和社区插件时。

LodashGitHub: 

Lodash 当前版本: v3.10.1

Lodash 网站: lodash.com

  Angular 是一款流行的商家级 框架,比较多程序猿都用它来创设和保证复杂的网页应用。Angular 具有宏大的人气,使用它的商场跟 Domino 的 Pizza 种类雷同多,如 Ryanair, iTunes Connect, PayPal Checkout, 谷歌。Angular 是二个由 Google帮忙的开源框架。Angular 称本身为营造复杂网页应用而对 HTML 的扩大。如若您也对 TypeScript 很熟谙,那么能够看看 怎么着写 Angular 2 .

澳门新浦京娱乐场网站 1

工具

二个粗略的工具能够增长支付功能,但是那并不是系列中不能缺少的一有的。平常工具都富含:营造系统、编写翻译器、调换职能、代码压缩、图像压缩、布署机制等职能。

工具应该提供多个更便于的支出流程。比如:很多开垦者喜欢用Sass去支付CSS,因为Sass提供了代码分离、嵌套,渲染时变量、循环和函数。由于浏览器不恐怕深入分析Sass/SCSS语法,所以在测量检验和安排此前代码必须通过拾分的工具编写翻译为CSS代码。

D3.js

澳门新浦京娱乐场网站:前端框架,库和工具。数量可视化和图表是一种常见的 web 应用程序须要。D3.js 是别的数据操作和可视化的事实规范。它是 GitHub上最受迎接的类型之一,被大批量的协会利用。一大波的图样,图表和可视化库在 D3 上营造。

D3 允许你操作任何来源的数目文书档案,转变来 DOM 或/和 SVG 或/和 CSS。D3 关切今世 web 规范,确认保障您不受任何专有格式的自律,举个例子 Flash 和 Silverlight。

什么时候使用 D3.js?在你须要其他情势的可视化的时候。

GitHub: 
日前版本: 3.5.6
网站: d3js.org

  Angular 选择 MVC 架构。它提供了 Model 层和 View 层之间双重数据绑定。这种多少绑定模式的低价是随意什么数据变动,都会自动的换代两侧的数据。那推动你营造可吞食的 View 组件。它还提供了三个前后端服务易于交互的劳动框架。最要害的是,它是简约的 JavaScript。

AngularJS 是一种流行的合营社框架,大多开荒职员使用其构建和保卫安全复杂的 Web 应用程序。AngularJS 是可怜受接待的,多数集团都施用它,像达梅鹿特披萨、Ryan航空、iTunes Connect,PayPal 支付,谷歌等。AngularJS 是由谷歌(Google)帮忙的开源框架。AngularJS 把自身描述为四个 HTML 的扩大,可用来创设复杂的 Web 应用程序。别的,假诺您熟知TypeScript,将会很清楚 AngularJS 是何许编写的。

不要给自个儿贴标签

库、框架和工具之间的界别往往是张冠李戴的。框架恐怕会依据于贰个库。库只怕能够落到实处类似于框架的法子。工具对于两岸恐怕是不能缺少的。小编试着给每种品种加标签进行归类,但是范围可能会迥然差别。

万一你听上去感觉那太复杂的话,你能够思索使用vanilla JavaScript举办编码。那听起来很好,但是你将不可避免地编写本人的库或着框架代码。JavaScript是浏览器和操作系统这两层抽象之上的又一层抽象。

Babylon.js

想要创设完全相符当代 web 标准且跨浏览器的录制游戏吗?看看 Babylon.js,它是依照 WebGL 和 JavaScript 的 3d 游戏引擎。你能够创设令人思疑的蕴藏物理、音频和粒子系统等等的高素质游戏。

哪一天使用 Babylon.js?无论是几时,只要您想做两个摄像游戏或其余类型的头昏眼花三维场景,都能用上。

GitHub: 
日前版本: 2.2
网站: babylonjs.com

  什么日期利用 AngularJS? 当你营造三个目迷五色的网页前端采纳并索要一个独自的模块框架去管理整个时。

AngularJS 是叁个 MVC 类型的框架,它提供了双向的数据模型和视图之间的绑定。这种多少绑定,允许在两岸只要有贰个数码变化时,自动举行立异。它使您能够构建可采纳的 View 组件。同期,它也提供了多少个服务框架,以便前后端服务的自由自在通讯。最终,它只是普通的 JavaScript。

JavaScript 框架和库

推广流行的档案的次序…

Three.js

想要营造一个 3D 可视化场景,但无需二个完完全全的娱乐引擎?three.js 提供了三个轻量级的 3d 库,允许渲染 3d 为 HTML5 画布、SVG 和 WebGL。它是非凡轻易的库,在 three.js 的显示里有数百个美貌的例子。

何时使用Three.js?当您需求叁个能出口为 Canvas 的简单的 3D 可视化场景时。

GitHub: 
方今版本: r73
网站: threejs.org

  GitHub:

什么日期利用 AngularJS?当你正在建构二个繁琐的 web 前端应用程序,何况必要叁个模块化的框架来拍卖整个时。

jQuery

jQuery

key value
类型
官网 jquery.com
仓库地址 github.com/jquery/jquery
最新版本 3.2.1
开发者 jQuery team
发布日期 2006年8月
文件大小 30kb min
用途 通用
使用率 全球72.4% 的网站在使用

在WordPress、ASP.NET和别的多少个框架中jQuery还是是被采用最多的多少个库。 他引进了CSS选拔器的方法去挑选页面DOM节点、链式的事件管理格局、动画和Ajax调用的卷入在客商端是一种具备开荒性的开荒格局。

jQuery前段时间随着前端技巧的不仅向上变得稍微寂寞的马迹蛛丝,但对于急需运用JavaScript成效的类型以来,它照旧是二个卓有成效的采取。

优点:

  • 文件尺寸比非常的小

  • 入门轻易(渐进的学习曲线),便捷的线上读书应对社区条件

  • 简洁的语法

  • 轻便扩大

缺点:

  • 追加了个顾客端的API速度费用

  • 浏览器宽容性的改正,使得它变的不是那么重大了

  • 用法扁平

  • 一些 行业 抵制 反对不供给的使用.

Mocha& Chai

JavaScript 在非常长一段时间内是非常讨厌的。测量试验任何代码平时都被认为是讨厌的,但它却是各类开采人士都应有做的工作。种种开荒人士就像总是不屑一顾和忽视它,而不测验他们的代码。那一个该死的东西有多少个消除办法,那正是Mocha 和 Chai。多个库的名字都源于美味的热果汁,它们都能帮您测验代码,但方法各异。 

Mocha 是三个 JavaScript 测量检验框架,使得你在 node 模块和浏览器 app 中测验异步代码变得更便于。Mocha 测验能够串联运维,可认为科学的测量试验用例加多非常追踪的力量。

Chai 是三个行为使得开荒/测验驱动开辟的断言库,能够搭配 Mocha 使用。它可以把你须要测量检验的东西用可读的作风简单地表达出来。

何时使用 Mocha & Chai?连日来!请测验你的代码,让世界变得越来越美好。

Mocha 当前版本: 2.3.3
Mocha 网址: mochajs.org
Chai GitHub: 
Chai 当前版本: v3.4.1
Chai 网址: chaijs.com

  Current Version:1.4.7/1.2.29

React

React

React

key value
类型
官网 facebook.github.io/react/
仓库地址 github.com/facebook/react
最新版本 15.5.4
开发者 Facebook and contributors
发布日期 2013年3月
文件大小 21kb min
用途 单页面应用
使用率

莫不是过去一年中最受关怀的JavaScript库,React声称是一个营造客商界面包车型大巴JavaScript库。React侧重于MVC开荒格局中的View的某些,并且能够更轻巧的成立保留状态的UI组件。他是初次实现虚构DOM的JavaScript库之一,它在内部存款和储蓄器中统计结构的差距然后快捷的翻新页面包车型大巴来得。

总括中展现React的使用率并不高, 只怕是因为他被用来应用程序并不是网址。大概38%的开荒者声称会使用React。

优点:

  • 文件小, 高效, 性能高, 灵活

  • 零件模型轻易

  • 累积的文档和在线能源

  • 扶助服务端渲染

  • 当前很盛行,並且在告诉发展

缺点:

  • 要上学新的概念和语法

  • 非得要信赖营造筑工程具

  • 可能供给别的库或许框架来提供model和controller部分的功力

  • 或许与修改DOM的代码或许其余库不配合

能够经过大家的精品课程学习精通更加的多React,React the ES6 Way。

Karma

既是已经把 Mocha 和 Chai 包蕴在这里个列表中了,要是不分包用来运营这一个测量检验或安装持续集成测量试验的测验运维器,那将是不完全的。Karma 是一款目的在于扶植你在分裂的浏览器上自行运转测验的工具。它能够扶持你在具有浏览器上运行Mocha 和 Chai 测量检验。

不是各种浏览器都运行在装有平台,但幸而的是足以选择一些无需付费工具来测量检验别的浏览器,看看 Browser Screenshots。如若您正在 OS X 上运营代码,想测量试验 艾德ge 或 IE,能够 免费 使用这一个工具。

曾几何时使用 Karma?当您的应用程序有一个两全的测量试验套件,并希望确认保证测量试验在富有浏览器上经过时。

GitHub: 
时下版本: v0.13
网址: karma-runner.github.io

  Website: angularjs.org

澳门新浦京娱乐场网站 2

Lodash and Underscore

Lodash

key value
类型
官网 lodash.com/
仓库地址 github.com/lodash/lodash/
最新版本 4.17.4
开发者 John-David Dalton
发布日期 2012年4月
文件大小 4kb – 24kb min
用途 通用
使用率

Underscore

key value
类型
官网 underscorejs.org/
仓库地址 github.com/jashkenas/underscore
最新版本 1.8.3
开发者 Jeremy Ashkenas
发布日期 2009年10月
文件大小 6kb min
用途 通用
使用率

Lodash 和 Underscore 在本节中合在了一块,因为它们都提供了数百个功用性的JavaScript实用程序来增添原生字符串,数字,数组和别的原来对象的办法,他们是同样类的库。他们中间的功能有一部分重新,所以您不能够也不要在同贰个门类中还要使用那多个库。

顾客端使用率非常低,然而足以在劳动器端的Node.js应用程序中利用那四个库。

优点:

  • 小 且 简单

  • 健全的文书档案方便学习

  • 和大多数的库、框架都以相称的

  • 不扩充内置对象

  • 客商端和服务端都得以采取

缺点:

  • 独有局地方法支持ES二零一四和立异的JavaScript版本

PhantomJS

运作全部的浏览器来测验你的代码相比耗内部存款和储蓄器和 CPU。PhantomJS 允许你运维叁个轻量的 WebKit —— Safari 和Chrome(未来是 Blink)后台的渲染引擎。它同意你通过 JavaScript API 运转测验,捕捉截图,监察和控制网络和机动浏览页面。

哪一天使用 PhantomJS ?当您必要开展越多的测量试验,操作页面和监视互联网央求时。

GitHub: 
眼下版本: v2.0
网址: phantomjs.org

  二:React 是15年最受招待的 JavaScript 项目!大约人人都在商酌ReactJS。2018年,小编到场的每三个会差了一点都会有一三个话题切磋 React 和同一体系下的别的库( Flux , Redux ) 。React 是贰个开源项目,大致是由 Fackbook 和别的首要的本领公司贡献开垦的。React 称本人为为塑造客户接口而提供的 JavaScript 库。

React 是现年最受爱怜的 JavaScript 的工程!各类人似乎都在探讨ReactJS。每二个集会上,2018年到位的议会,至稀有三个人是在斟酌 React。React 是开源的,重借使由 facebook 依据其余合营社的第一技术开采出来的。React 描述自个儿是贰个 JavaScript 库,用于营造客户界面。

AngularJS 1.x

AngularJS

key value
类型 框架
官网 angularjs.org
仓库地址 github.com/angular/angular.js
最新版本 1.6.4
开发者 Google
发布日期 2010年10月
文件大小 144kb
用途 单页应用
使用率

Angular是首先个冒出在本文列表中的MVC应用程序框架 。Angular的最风靡的本子正是1.x本子,他协助HTML和数指标双向绑定,并从专门的学问逻辑中解耦DOM的操作。

Angular 1.x 版本仍在升高,固然版本2(今后是本子4了)已经昭示。不知道?往下看…

优点:

  • 被几家大公司布满应用的风行框架

  • 创设今世web应用程序的纯粹解决方案

  • MEAN (MongoDB, Express.JS, AngularJS, NodeJS)技能栈的一有些,有恢宏的稿子和课程可供就学

缺点:

  • 相对来说另外框架有着陡峭的学习曲线

  • 代码库文件相当大

  • 无法直接晋级到Angular 2.x版本

  • 固然是Google项目,谷歌(Google)就像是从未选择它?

Grunt & Gulp

为生育际遇构建网址,平常涉及到抓实质量的天职,举个例子 JavaScript 和 CSS 的压缩, CoffeeScript/TypeScript 的编写翻译,单元测验,语法检查。可能你早已有三个为网址发布到生育景况的工具链,若无,你能够应用职分运营器,比方Grunt 或Gulp。两个都有雅量有关网址的其余调换的插件,为揭破到生育景况做好打算。

什么时候使用 Grunt?当你欢乐写配置文件同偶然间不在意你的任务运转器生成人中学间文件时。

Grunt GitHub: 
Grunt 当前版本: v0.4.5
Grunt 网址: gruntjs.com

哪一天使用 Gulp?当你欣赏在安顿上写代码和采纳 node.js 的流功用来加速职务实施时。

Gulp GitHub: 
Gulp 当前版本: v3.9.0
Gulp 网址: gulpjs.com

  React 基本上用来作为 MVC 中的 V。它完全潜心于 MVC 中的 V 部分,而忽视了使用中的此外一些架构。它提供了一个组件层,那让大家易于制作UI成分并将那些UI成分组合在一同。它抽象出了DOM,因而而优化了渲染, 并允许你利用 node.js 渲染 React。别的,它完结了单向数据交互流,那使它比其他的框架更便于掌握和选择。

React 在 MVC 中,首就算 View。它完全专心于 MVC 这某些,无视应用程序的任何一些。它提供了二个成分层,能够更易于选拔UI元素,并将它们组成在同步。它抽象了 DOM,使其擅专长优化渲染,并允许选取 node.js 来表述 React ; 它完毕了八个一派灵活的数据流,使得它更易于明白和应用其余框架。

Angular 2.x (现在 4.x)

Angular

key value
类型 框架
官网 angular.io
仓库地址 github.com/angular/angular.js
最新版本 4.1
开发者 Google
发布日期 2016年9月
文件大小 450kb min
用途 单页应用
使用率

Angular 2.0 于二零一四年九月颁发。相相比较前边的版本是一丝一毫被重写了,2.x本子引进了使用TypeScript(要求被编写翻译为JavaScript)创立的基于模块化组件的模型。越发混乱的是,在二零一七年的7月份公布了4.0的版本(版本3直接被跳过,为了幸免版本语义的难点)。

Angular 2 版本和v1版本之间具备根本的分别。 两个互不包容—— 抑或 Google应该给2 本子其他取二个例外的名字!

优点:

  • 营造当代web应用程序的十足施工方案

  • 还是是 MEAN 技巧栈的一有的,固然Angular 2 教程 独有相当少的一部分是可用的

  • TypeScript提供了有的类似于静态语言(举个例子:C#、Java)的新特色。

缺点:

  • 比较之下别的框架有着陡峭的就学曲线

  • 代码库文件不小

  • 没辙从Angular 1.x版本直接进级

  • 与1.x对照,Angular 2.x的使用率相对很低

  • 就算是谷歌(Google)项目,谷歌(Google)就像并未有应用它?

Babel

JavaScript 语言正在连忙发展。ECMAScript二〇一五于二〇一八年夏季揭橥,它的广大新特色在新式的浏览器上落成了。如若你想看看 ECMAScript 二〇一六 的包容性,你能够看看来自 @kangax 的那一个 表。你会静心到,最新版本的 Edge,Firefox 和 Chrome 已经大概全盘协作了。

大家实际不是生存在二个周详的社会风气。作为开辟职员,大家须要持续支持旧的浏览器,它们未有新型最好的 JavaScript 脾性。大家要推动 web 和改进大家的代码库。Babel 是二个JavaScript 编写翻译器,用于把新型的 JavaScript 规范编写翻译成可在 IE9 等老浏览器上运转的包容ES5的 JavaScript。它有部分插件,使得 React 开荒更易于,以至能够行使一些不属于该标准的表征(举例ES7)。

曾几何时使用 贝布el?当您想使用新的 JavaScript 语言特征,同期还要支撑老版本浏览器时。

GitHub: 
脚下版本: 6.1.2
网址: babeljs.io

  多个品种举例 Angular ,Ember 绑定使用 React 成为 MVC 中的 V。

用作在 MVC 中的 V,许多工程结合 React 和 AngularJS 或 Ember 一齐利用。

Vue.js

Vue.js

key value
类型 框架
官网 vuejs.org
仓库地址 github.com/vuejs/vue
最新版本 2.0
开发者 Evan You
发布日期 2014年2月
文件大小 19kb min
用途 单页应用
使用率

Vue.js是一个用于创设顾客分界面包车型客车轻量级渐进式框架。Vue.js的主导是提供三个像样于React的杜撰DOM服务于视图层,他不光能够独自的创设三个总体的单页面应用,也得以与别的库集成使用。该框架是由事先在AngularJS工作过的尤雨溪创设的。

Vue.js使用HTML模板的语法绑定DOM实例数据。模型正是普通的JavaScript对象,当数码被转移时,它会自动更新视图。别的还提供了Vue.js生态工具,当中包涵:脚手架(scaffolding)、路由(routing)、状态管理(state management)、动画(animations)等。

优点:

  • 迅猛腾飞广泛,並且日益盛行

  • 很轻松开辟出高素质的门类,让开拓者很有成就感

  • 依傍小,品质好

缺点:

  • 新类型选拔Vuejs——恐怕存在非常大风险

  • 借助于单个开荒者(最近此项目是尤小右一个人支付)的更新

  • 相较于另外框架,Vuejs的教程能源非常的少

愈来愈多 Web 开辟实施

本文来源微软技艺布道师 Web 开拓种类,里面有实用的 JavaScript 学习,开源项目和互操作性的一流施行(包蕴与 微软Edge 浏览器和新的 EdgeHTML渲染引擎)。

我们鼓劲你跨浏览器和设施实行测验,包括微软的Edge——Windows 10的默许浏览器——在 dev.modern.IE 上有免费工具:

  • 举目四望你的网址中过时的库,布局难点和可访谈性
  • 下载 Mac, Linux 和 Windows 下的无偿虚构机
  • 跨浏览器检查 Web 平台状态,包涵微软 艾德ge 的路径图
  • 在你的设施上长途测验微软 Edge

来源大家技术员和布道者的越来越深入学习:

  • GitHub 上的编码实验室: 跨浏览器测量试验和最好实施
  • 2015 微软 Edge Web 峰会 (来自大家的程序员团队和JS社区)
  • 很棒,小编能够在 Mac 和 Linux 上测验 Edge 和 IE 了! (来自Rey Bango)
  • 有扶助 JavaScript 同一时候不损坏 Web (来自Christian Heilmann)
  • Edge 渲染引擎让 Web 工作 (来自Jacob Rossi)
  • 基于 WebGL 的 3D 渲染 (来自David Catuhe)
  • 托管 web app 和 web 平台的更动 (来自Kevin Hill和Kiril Seksenov)

大家的社区开源项目:

  • vorlon.JS (跨设备远程 JavaScript 测验)
  • manifoldJS (安插跨平台托管 web app)
  • babylonJS (让 3D 图形制作更轻巧)

更加的多无需付费工具和后端web开拓内容:

  • Linux, MacOS 和 Windows 下的 Visual Studio Code
  • 使用 node.JS 编码并在 Azure 上无偿试用

    2 赞 26 收藏 1 评论

  什么日期使用 React?当您想要有叁个有力的 View 层,而采纳中的别的一些缺无需贰个犬牙相制的框架时,或当您想要一个 View 层和您的 Angular, Backbone,或者Ember应用一同使用。当您试着创设叁个同构的网页框架。

哪些时候使用 React?当您想要二个有力的 View 层,但使用的别样一些却不须要详细的框架时,大概当您的选取中想要叁个构成 了Angular、Backbone 或 Ember 的视图层时,又或许是创建三个同构的 Web 框架时。

Backbone.js

Backbone.js

key value
类型 框架
官网 backbonejs.org
仓库地址 github.com/jashkenas/backbone/
最新版本 1.3.3
开发者 Jeremy Ashkenas
发布日期 2010年10月
文件大小 8kb min
用途 单页应用
使用率

Backbone.js是提供在服务器端框架中广大的MVC结构的最初的顾客端选项之一。Backbone.js唯有Underscore.js二个依附,何况Backbone.js和Underscore.js都以出自同一个开辟者之手。

Backbone.js自称是一个库,因为他能够与此外种类并入。作者猜大多数人都把她充任三个框架,固然不像别的人感觉的那样。

优点:

  • 小, 轻量 ,简单

  • 不在HTML中加多业务逻辑

  • 全盘的文书档案

  • 多多应用程序使用,如:Trello, WordPress.com, LinkedIn 和 Groupon 等

缺点:

  • 相较于任何框架(如AngularJS)它的空洞品级相当低(固然那被看作一种优势)

  • 亟需依据其余零件来实现部分功用,比方:数据绑定功效

  • 时下进一步多的框架已经不复利用MVC结构了

有关小编:cucr

澳门新浦京娱乐场网站 3

腾讯网博客园:@hop_ping 个人主页 · 小编的篇章 · 17

澳门新浦京娱乐场网站 4

  GitHub:

Backbon

Ember.js

Ember.js

key value
类型 框架
官网 emberjs.com
仓库地址 github.com/emberjs/ember.js
最新版本 2.15.0
开发者 Ember team
发布日期 2011年12月
文件大小 95kb min
用途 单页应用
使用率

Ember.js基于 Model-View-ViewModel (MVVM)方式最有纠纷的框架之一。他在单个包中完结了模版、数据绑定和库。他的“约定优于配备”的概念对于Ruby on Rails 的使用者来讲一点都不面生。

优点:

  • 为顾客端应用程序构建提供了十足的缓和方案

  • 开采者能够高效的左边手开垦顺序并投产——它借助于Jquery

  • 能够的向后分外和提拔选项

  • 应用了今世web开荒的正经

缺点:

  • 大方可分发(large distributable)

  • 和那几个朝着小组件结构的势头前行的框架比较他是宏大笨重的

  • 陡峭的求学曲线——这是Ember学习的艺术大概尚未经济学习

  近年来版本:v0.14.0

澳门新浦京娱乐场网站 5

Knockout.js

Knockout.js

key value
类型 框架
官网 knockoutjs.com](http://knockoutjs.com))
仓库地址 github.com/knockout/knockout
最新版本 3.4.2
开发者 Steve Sanderson
发布日期 2010年7月
文件大小 59kb min
用途 单页应用
使用率

三个较老的MVVM框架,Knockout.js采纳观看者情势去保障UI与底层数据是维系同步的。他的性状是:模板化 和 正视追踪。

优点:

  • 小,轻量,而且从不依据

  • 地利人和的浏览器扶持(那怕是IE6)

  • 面面俱到的文书档案

缺点:

  • 大体系将会变得杂乱无章复杂

  • 迈入很缓慢

  • 使用率在浓缩

  网址: Facebook.github.io/react/

Backbone 是多个很出名的简便的框架,融入了七个单纯的 JavaScript 文件。Backbone 流行了一段时间。由 杰里米 Ashkenas 从CoffeeScript 和 Underscore 框架中开拓出来的。对于追寻小型架构的团体来说,Backbone 是刻意受迎接的。因为她们袖珍的 Web 应用是没有必要采用像 AngularJS 和 Ember 那样的特大型框架的。

另外值得关切的

求知若渴更加的多?上面包车型客车这一个种类就算不是很盛行但是很值得关切:

  • Polymer – 可以跨浏览器援救HTML5 web组件的库。

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

  • Aurelia – 五个较新的,轻量级的,跨平台的框架。

  • Svelte – 一个可怜新的种类,那些体系得以把框架的源码解压缩并格式化为展现本人的JavaScript。

  • Conditioner.js – 三个基于状态自动决定加载大概卸载模块的库。

  Backbone

Backbone 提供了二个总体的 MVC 框架和路由。该模型允许键-值绑定和拍卖数据变化的事件。Models(和 Collections)能够三番五次到 RESTful API 中。Views 能够评释事件处理,而路由器则能够极其精美地管理 UTucsonL 和情形管理。在确立三个不提供太多效果与利益和非要求复杂功能的单页面应用时,能提供你所需的富有机能。

工具: 通用电动创设筑工程具

构建筑工程具得以自动创设各类web开采职务,比方:预编写翻译、编写翻译、图像压缩优化、代码压缩、代码校验以致运行测量试验等。并且能够在单纯可实践的文书中管理所需的职分。最常用的工具如下所列:

  Backbone 是 二个蜚声的简洁的框架,全部剧情都能够放置二个单纯的文本里。Backbone 已经风靡了一段时间,其小编是 杰里米 Ashkenas,曾经由于开荒了 CoffeeScript 和 Underscore 而为大家所知。Backbone 特别适用于须求支付的 web 程序一点都不大的那三个组织,他们期待能选用小巧的框架,并非像 Angular 或许Ember 那样的特大型框架。

怎么样时候使用 Backbone?Backbone 是适用于不难 Web 应用的 GOTO 框架。

Gulp.js

Gulp.js

key value
官网 gulpjs.com
仓库地址 github.com/gulpjs/gulp
最新版本 3.9.1
月下载量 300万

Gulp.js并不是首个活动营造筑工程具,但她快速形成了最盛行的,他也是本身个人最垂怜用的。Gulp使用轻巧阅读的JavaScript代码,将源文件加载到流中,并在将数据输出到构建文件夹此前经过种种插件管道管理数量。它归纳、火速、有意思——居尔p.js和前边其余二个可挑选相比较你都会发觉这一个特点(examine Gulp.js before any other option)。

  Backbone 提供了专职能的 MVC 框架和路由。它的 Model 能够实现key-value 绑定和数目更新的事件管理。Model(及 Collection)能够与 RESTful 的 API 协同专门的工作。View 能够申明事件管理,Router 在 U瑞虎L 管理和情景管理方面做的很好。对于开垦三个单页面应用,全部必要的效果都能够补助,无需相当引进无需的纷纷。

Ember

npm

npm

key value
官网 npmjs.com
仓库地址 github.com/npm/npm
最新版本 4.5.0
月下载量 300万

npm是Node.js的包管理工科具,但是她的本子工具得以被用来通用的机关创设筑工程具。对于一个一贯但是多凭借的简短项目以来那是贰个科学的采取。可是,用于很复杂的职分你会飞快开采那是不具体的。

  哪一天使用 Backbone?对于Mini的 web 程序,Backbone 是本身必选的框架。

澳门新浦京娱乐场网站 6

Grunt

Grunt

key value
官网 gruntjs.com
仓库地址 github.com/gruntjs/grunt
最新版本 1.0.1
月下载量 200万

Grunt是第几个完结批量拍卖的JavaScript职责自动营造筑工程具之一,不过她的营造速度的瓶颈和复杂性的JSON配置导致了Gulp的火速前进。以往最倒霉的问题已经被消除了,Grunt依然是一个很好的工具可供选取。

  GitHub:

Ember 是叁个独立的 Web 应用程序框架,专一于编码成效。Ember 是相比较受应接的,主旨团队满含牛人 Yehuda Katz,他是 Ruby on Rails 和 jQuery 的核心共青团和少先队之一。Ember 描述本身为多少个不浪费你的年华,能用于成立伟大 Web 应用程序的框架。 那是极度有意见,那也使您有了成都百货上千取舍。

工具:模块打包工具

治本更扩大的JavaScript文件将比异常的快产生三个苦差事。日常景色下,浏览器加载文件是不会被编译的,所以文件之间的依据关系必需通过适当的公文加载顺序来担保。管理这种顺序的法子有不菲,比方: ES6 Modules 和 CommonJS,不过浏览器扶持的界定,模块打包工具变得不能缺少。

  当前版本:1.2.3

Ember 也是三个 MVC 框架。它包罗八个模板和视图引擎,保险了数量变动时的自动更新,就好像AngularJS,Backbone 和 React 同样。它回顾的概念 web 组件,令你用自个儿的价签来扩充 HTML(就像AngularJS)。它也可以有三个路由和模型引擎,能够和 RESTful API 协同工作。

Webpack

Webpack

key value
官网 webpack.js.org
仓库地址 github.com/webpack/webpack
最新版本 2.5.1
月下载量 600万

Webpack援助全数流行的模块配置,并已产生React开采的代名词。即使Webpack声称是模块打包工具,Webpack也得以用于通用的机动构建筑工程具。

  官方网站: backbonejs.org

什么样时候使用 Ember?假设您只是想要三个可以知道专门的学问的框架时、只怕你的预算恐慌、又或然最终时间限制将近时,不追求太多的百样玲珑,能够使用 Ember。

Browserify

Browserify

key value
官网 browserify.org
仓库地址 github.com/substack/node-browserify
最新版本 14.3.0
月下载量 260万

Browserify能够让您使用Node.js的CommonJS模块格局来组织你的JavaScript代码,通过编写翻译将富有模块打包在三个浏览器宽容的文件中。

  Ember 作为叁个 web应用框架,特别小心于程序猿的效能上。Ember 相对相比较流行,焦点团队有众多很精通的成员,包括 Yehuda Katz,他是 Ruby on Rails 和 jQuery 的为主团队的积极分子。Ember 对团结的定势是“贰个用来成立震撼的 web 应用的框架”,它也真正不会浪费你的时刻。它在这里方面极其上心,为您提供许多的选项。

JQuery

RequireJS

RequireJS

key value
官网 requirejs.org
仓库地址 github.com/jrburke/r.js
最新版本 2.3.3
月下载量 100万

RequireJS是四个在浏览器端(客户端)的模块加载器,固然她也能被用于Node.js端(服务端)。

  Ember 一样也是贰个 MVC 的框架。它蕴含二个模板和视图引擎,在数码更新时得以自动更新,那上头与Angular, Backbone, 和 React 类似。它还应该有二个 web 组件 的概念,允许你用本人的竹签扩大HTML,(如Angular)。它还会有一个路由及 model 引擎,能够与 RESTful API 一齐专门的学业的很好。

澳门新浦京娱乐场网站 7

工具: 代码校验工具

“代码校验工具(Linting)”会深入分析你的代码,检查测量检验代码中潜在的不当和不标准的语法结构。那样您的代码中就不会再冒出贫乏括号或许未申明的变量那样的不当。

  几时使用 Ember?适用于您必要四个框架即刻就能够选拔。对灵活性须求不高的时候能够选取Ember,因为您平时是预算恐慌或然工期恐慌。

jQuery 是四个无需过多介绍的框架。它凭自己一个人的力量使得跨浏览器站点成为切实并敦促Web 发展到前几天。Web 标准被半数以上要害浏览器厂家所接纳真正的依赖,jQuery 是其原因之一。jQuery 的基金会的任务是“通过开拓和支撑开源软件,进步开放的网络,使之为全部人开放,并与开采社区搭档。”

ESLint

ESLint

key value
官网 eslint.org
仓库地址 github.com/eslint/eslint
最新版本 3.19.0
月下载量 600万

ESLint是一个可插拔的代码校验工具。每一个校验法规都以三个插件来达成,所以他能够灵活布署成你所急需的楷模。

  GitHub:

jQuery 是社会风气上最常用的 JavaScript 库,未有应用程序不去行使它,除非不留意编码效能。它使得在具有浏览器中,DOM traversal、事件管理、动画、AJAX 是这么的回顾和轻松。

JSHint

JSHint

key value
官网 jshint.com
仓库地址 github.com/jshint/jshint
最新版本 2.9.4
月下载量 200万

三个灵活的JavaScript代码校验工具,他得以很好的在真正的失实和严刻的语法需求之间赢得很好的平衡(不仅可以够窥见代码中的错误,又未必严苛的根据古板的语法标准来校验代码)。JSHint是本身个人最欢畅用的贰个校验工具。

  当前版本:2.1.0

哪些时候利用 jQuery?除你想采纳像 Zepto 那样的轻量级版本之外,都足以应用 jQuery。

JSLint

JSLint

key value
官网 jslint.com
仓库地址 github.com/reid/node-jslint
最新版本 0.10.3
月下载量 5万

那是初次完毕一套严厉暗中认可法则的代码校验工具之一,然则那对于自个儿是应用情状貌似不太同样(笔者不爱好使用这几个工具)。

  官网: emberjs.com

Wijmo

工具: 测验工具

TDD(测验驱动开拓)须要您先编写制定测量试验代码(用来测量试验专门的学业代码),然后再起来写作业代码。当然若是您能编写代码去测量检验你的测量试验代码那就越来越好了。

这么的工具你会有成千上万精选,比如:Ava, Tape 和 Jest ,可是最风靡的多少个如下所列:

  JQuery 这一个库就绝相当少做牵线了。它独立肩负了让跨浏览器网址成为实际的重任,是它使得全部web 成为后天以此样子。Web 标准的制订以至浏览器商家对正规的承受地点,jQuery 功不可没。jQuery 基金会的对象是"通过开源软件的开销和支撑,以致社区的通力同盟,增加开放的网络,让种种人都能采访"

澳门新浦京娱乐场网站 8

Mocha

Mocha

key value
官网 mochajs.org
仓库地址 github.com/mochajs/mocha
最新版本 3.3.0
月下载量 500万

Mocha是一个不仅可以够在Node.js运营也足以在浏览器运维的JavaScript测验框架。Mocha援救异步的测验办法,他平日和Chai一起利用,为了使测量试验代码能够以一种可读的主意被代表。

  JQuery 是世界上利用最广的 JavaScript 库,未有应用能够离开它,除非您对开荒功效不感兴趣。它使得 DOM 遍历、事件管理、动画和 AJAX 在享有浏览器上都变得那般的粗略易用。

Wijmo Enterprise 是为集团应用程序支付而推出的一多元满含 HTML5 和 JavaScript 的开采控件集。满含有先进的 JavaScript 控件、特出的 jQuery 小部件、金融Logo、以至 FlexSheet 和 OLAP,能够满意移动端、PC 端和援助IE6 等应用程序的急需。同期,Wijmo 还协助别的流行的框架,如 Angular、Angular2、KnockOut、Vue、React 等。

Jasmine

Jasmine

key value
官网 jasmine.github.io
仓库地址 github.com/jasmine/jasmine-npm
最新版本 2.6.0
月下载量 200万

Jasmine是一款行为使得的测验工具,他得以自动测量检验你的UI和浏览器中的交互行为。

  何时使用 jQuery?随时,除非您筹算利用更轻量级的本子,举个例子 Zepto 。

哪一天利用 Wijmo?当你想为应用程序创设具备独具特殊的优越条件客户体验的顾客分界面时。

QUnit

QUnit

key value
官网 https://qunitjs.com/
仓库地址 github.com/kof/node-qunit
最新版本 1.0.0
月下载量 2.5万

自然,QUnit是一个单元测验框架,他得以在传递特定参数时检查函数结果。它还将报告测验覆盖率,以确认保障您未有遗漏特定的代码分支。

  GitHub:

Underscore&lodash

工具:其他

尽管自身尽了十分大的鼎力,作者如故接受有人反感JavaScript!只怕编写翻译器比方:TypeScript, LiveScript 和 CoffeeScript可以知道让您的费用生活变得风趣一点。别的,今世的调换工具Babel能够将轻松的 ES2015代码调换为浏览器宽容的ES5代码,只怕又会让你有更加多的野趣。

市道上今后设有几13个JavaScript驱动的HTML模板引擎,比如:Mustache, Handlebars, Pug (Jade) 和 EJS。小编相当赞成于选拔采用保持JavaScript语法的轻量模板,举个例子:EJS 和 doT。

终极, 能自动生成文书档案的时候哪个人会甘愿本身手动的去写吧?ES2016一双两好的文书档案生成器有: ESDoc, JSDoc, YUIdoc, documentation.js 和 Transcription。

  当前版本:v1.11.3 或 v2.1.4

澳门新浦京娱乐场网站 9

小结和推举

  官网: jquery.com

对此程序开垦者来讲,一些 JavaScript 的内置,效用是很矮的。总有缺少实用的成效或将代码化简的函数。Underscore(和 lodash)是三个 JavaScript 库,提供了实用成效,同偶尔候无需 JavaScript 对象放置的猴子补丁。这三个库提供超越 100 个援救函数和其余非常好用的效果与利益;,包蕴像地图,过滤器,调用,缩减,模板,调整,绑定,扩张,挑选,克隆和越来越多的成效。

越来越多来自己的稿子

  • 网络中最让人讨厌的“铁黑格局”

  • 您的Web主机通过这7项测量检验了吧?

假诺您选拔随大流,如今民众的取向恐怕曾经落伍于React等一类框架,而其他的库正在以近乎的能力方向前行。对于web应用来说,那是一种通用的、安全的选项,不过你也应当考虑 Vue.js。

全体性的框架现在稳步衰落,不过只要你的大门类必要三个严酷架构的话,AngularJS长久以来是叁个无可争辩的接纳。当先五成人仍坚称利用V1.0版本,可是那只怕是出于项目供给出于无奈的挑精拣肥。长期来看,倘诺您愿意上学TypeScript,版本4 会是三个更为安全的选料。

并非忽视jQuery。就算他不是新潮的本领方向,也不会在各个科技(science and technology)音讯中冒出,但它是前仆后继发展的,并且对于网址和应用程序都有更加好的劳动支撑力量。大名鼎鼎,jQuery有着平滑的读书曲线。

万一您是珍惜挑衅的话,Svelte是二个有趣的顾客端/服务端的选项,它亦可在营造时预渲染JavaScript,那大概能更换大家的开荒格局。

工具的取舍不是太主要,可能会因项目而异。Gulp是运用最多的,可是WebPack正变得愈加流行。使用ESLint 和 Mocha用来测量检验会让您不会出错,但并不是唯有那八个能够使用,也可以有一数不尽的另外工具得以应用。

约等于说,全数的门类、团队和本事栈都以例外的。工夫选型的时候你的评估时间是有限的,所以您很可能就能够接纳你通晓的本领。本文将会吸收接纳推荐的不为人知框架,但当你有锤子的时候,一切看起来都像钉子同样(原著: This article will receive comments recommending FrameworkX but everything looks like a nail when you have a hammer.)。

终极,不要遗忘这一个可供采用的框架、库和工具!JavaScript开垦在过去十年中生出了颠覆的浮动,咱们已经从几在那之中心的扶植库产生了几个压倒性的选择。我们很轻易陷于尤其复杂的付出陷阱,恐怕每间距多少个月就切换来最新的流行框架。小的个体项目方可思索选择vanilla JavaScript。在为此外品种选拔框架时那个知识不会过时,那或多或少是极高贵的。

本身尚未列出您最兴奋使用的JavaScript框架、库和工具?当然作者会有遗漏! 接待给自身留言补充…

正文审阅查对:Panayiotis Velisarakos 和 Sebastian Seitz。 感激SitePoint’s 全体的审阅稿件人,让本站内容品质变得更加高!

翻译注:由于水平有限,如有异议招待指正,谢谢~

  Underscore 和 lodash

何以时候使用 Underscore?当你必要三个纯净 JavaScript 文件来增进编码作用时。

版权评释

本译文仅用于学习、商讨和沟通目标,款待非商业转发。转发请表明出处、译者和众成翻译的总体链接。要博取包罗以上新闻的正文马克down源文本,请点击这里。

  临时内置的 JavaScript 对于让程序员真正的有生产力还非常相当不足。总是会缺了一个工具函数,又或然是贰个能简化代码的函数。Underscore (还应该有 lodash) 便是这么的三个 JavaScript 库,它提供了一站式工具函数,不须要经验不足的技师再去给停放的 JavaScript 对象打补丁。八个库都提供了超越 100 个帮扶函数,还会有其余特别的好东西;包罗了像 map, filter, invoke, reduce, template, throttle, bind, extend, pick, clone 等等那几个函数。

怎样时候使用 lodash?当你供给贰个模块和轻量高效的,轻巧被 AMD和社区插件补助 Underscore 版本时。

  曾几何时使用 Underscore?当你想要具有叁个即时能抓牢技师成效的 JavaScript 文件时。

D3.js

  Underscore GitHub :

多少可视化和图片是 Web 应用程序的宽广须求。当提到到任何数据操作和可视化,D3.js 是实在的标准。它是在 GitHub 上最受迎接的类型之一,并在被数百个团体使用。多量的图片,图表和可视库营造在 D3 上。

  Underscore 当前版本:1.8.3

D3 允许操作任何数据源的文本,并且可以转变为 DOM、SVG 或 CSS。D3 静心于当代网络正式,并确认保障像 Flash 或 Silverlight 等专有格式的免费。

  Underscore 网站: underscorejs.org

怎么样时候使用 D3.JS?当您须要别的款式的可视化时。

  曾几何时利用 lodash?当您想要三个模块化的,质量更优良一点的,并附带有对于 英特尔和社区插件协助的 Underscore 版本时。

Babylon.js

  Lodash GitHub:

想要创立三个全然运维在今世 Web 标准和跨浏览器上的录像游戏?能够虚构Babylon.js,Babylon.js 是贰个起家在 WebGL 和 JavaScript 上的 3D 游戏引擎。你能够成立二个疑忌的高质量的玩乐引擎,包罗物理,音频和粒子系统。

  Lodash 当前的本子:v3.10.1

怎么着时候使用 Babylon.js?当你正在塑造一个暗含其余目不暇接 3D 场景的录制游戏时。

  Lodash 网站: lodash.com

three.js

  D3.js

澳门新浦京娱乐场网站 10

  数据可视化和图纸是web应用程序的一种平常需要。当提到到此外数据操作和可视化时,D3.js 正是实际上的行业内部。它是 GitHub 上最受款待的等级次序之一,并被数百个公司部门所使用。多量的图形、Logo和可视化库都以构件于 D3 之上的。

想要创立三个 3D 可视化,却又无需完整的游戏引擎?Three.js 提供了贰个轻量的 3D 库来将 3D 渲染成多个 HTML5 canvas、SVG 和 WebGL。那着实是八个斐然的库,在 Three.js 的用例展示中,有几百个效能很好的例证。

  D3 令你可以操作任何来自的数额文书档案,并将数据进行改造后采用到 DOM、SVG 和 CSS上。D3 专一于今世的 web 标准,以致确定保证您能够不面对任何像 Flash 也许 Silverlight 那样的专有格式的限制。

什么样时候利用 three.js?每当你须要二个总结的三个维度可视化,能够输出到画布上时。

  几时使用 D3.js?当你须要其他项指标视觉效果的时候。

Mocha & Chai

  GitHub:

澳门新浦京娱乐场网站 11

  当前版本:3.5.6

在不短一段时间里,JavaScript 的测量检验令人匪夷所思的郁闷。从头起首,测量检验任何代码日常被视为令人讨厌的,但它是每二个开辟者应该做的。同不日常间,测量试验他们的代码,每一个开拓者就好像总是非常不屑,而采取忽视它。有三个方法来立异那几个主题素材,就是行使 Mocha & Chai 的样式。尽管那多个库从美味的热饮中得名的,可是它们都能够以不一样的点子测量试验你的代码。

  网站: d3js.org

Mocha 是几个 JavaScript 测量检验框架,能够很自在地在 node 模型和浏览器应用程序中测量检验异步代码。Mocha 测量试验能够串联运转,并且对于科学的测量试验用例拥有高水平的跟踪卓殊。

   Babylon.js

Chai 是一个行为使得的支出/测验驱动开采断言库,能够与 Mocha 配套使用。它使得能够很轻松的以一种可读的方法去抒发你的测量试验内容。

  想要创设二个全然运行于当代浏览器上,何况能跨浏览器运转的录制游戏啊?那就看看 Babylon.js 吧,它是叁个 3D 游戏引擎,基于 WebGL 和 JavaScript。你能够应用其大要、音频和粒子系统创制出超乎预想的高素质游戏来。

什么样时候利用 Mocha 和Chai? 恒久都足以!请测验你的代码,使世界变得越来越赏心悦目好。

  什么日期使用 Babylon.js?当您正在创设叁个录像游戏大概二个某类别型的 3D 场景时。

Karma

  GitHub:

本条列表上含蓄了 Mocha 和 Chai,倘若不富含运维这几个测量检验和设定持续集成测量检验的运转者,那么那将是不完全的。Karma 是叁个心意支持针对分化的浏览器自动运维测量试验的工具。那将扶助你在具有的浏览器上运转Mocha 和 Chai。

  当前版本: 2.2

实际不是每贰个浏览器都得以在各类平台上启动,幸运的是,有一点点无需付费的工具,你能够用来测验别的浏览器, 举个例子浏览器截图。如若您在 OS X 上运维,并期望测量检验 Edge 或 Internet Explorer,您能够选择这种无偿工具。

  网站: babylonjs.com

什么日期使用 Karma?当你的应用程序有几个一体化的测验套件,并想要确定保障在富有的浏览器上测量检验通过时。

  Three.js

PhantomJS

  想要营造三个 3D 视觉特效,然而又不必要贰个效果一体化的游艺?Three.js 提供了一个轻量级的 3D 库,让你能够将 3D 效果渲染成三个 HTML5 的 canvas, SVG, 和 WebGL。那是一个详单简单的库,在 three.js 陈列站点上得以观望数百个完美的身体力行。

澳门新浦京娱乐场网站 12

  何时利用 Three.js?当您需求二个简练的能出口为 Canvas 的 3D 视觉效果时。

运维全职能浏览器,以测量检验你的代码内部存款和储蓄器和 CPU 密集型。PhantomJS 允许你在 Safari 和 Chrome 上运维 headless Web基特的渲染引擎。那样您就足以运作你的测量检验,捕捉显示屏截图,监视网络,使用 JavaScript API 自动浏览页面。

  GitHub:

什么样时候利用 PhantomJS? 当你必要做越多的测量试验,操作页面并监视互连网央求时。

  当前版本: r73

Grunt & Gulp

  网站: threejs.org

澳门新浦京娱乐场网站 13

  Mocha 和 Chai

出品网址建设平时会波及到有的提升质量的职务,举个例子裁减 JavaScript 和 CSS,CoffeeScript/TypeScript 的编写翻译,单元测量检验,性能lintin。也许你已经为产品网址盘算好了工具链,不过如果还尚无,那么你能够动用 Grunt 和 Gulp 这样的工具。那五个工具皆有为数不菲插件,来支援你到家产品网址。

  长久以来测量检验 JavaScript 一向都令人不甚不喜欢。提起来,测量检验任何代码都以令人嫌恶的,但又却是种种开荒者应该做的事务。每种开拓者仿佛总是对此不屑,忽略掉针对它们的代码的测量试验专门的职业。 现在有了大好这种恶感的秘诀了,那就是 Mocha 和 Chai。而三个库都以美味的热饮命名,都能支援你测量检验代码,可是格局各异而已。

哪些时候使用 Grunt?如若你欣赏写配置文件,何况不在意使时局转时期产生中间文件时。

  Mocha 是八个 JavaScript 测验框架,它使得针对你的node模块或然浏览器选用中的异步代码的测量检验变得轻松起来。Mocha 测量检验能够串起来运维,並且对于针对合适的测量检验案例开展充足追踪的质量不错。

哪些时候使用 Gulp?要是比较于写配置文件,你更爱好写代码,並且想要使用 node.js 的流媒体功用来越来越快的实施职责时。

  Chai 是七个作为使得开荒和测验驱动开荒的断言库,可与 Mocha 劫财。它以一种可读性好的作风来描述您所要测量试验的事物,用起来大约。

Babel

  什么日期使用 Mocha 和 Chai?用他们就对了! 请测验你的代码,让那些世界变得越来越好。

JavaScript 作为一门语言,发展地相当的慢。二零一四年夏日的 ECMAScript 发表了它的非常多在风行的浏览器中完结的新职能。假若您想看看二〇一五年的 ECMAScript 包容,你能够看看来自原 @kangax 的列表。你会发觉新星版本的 Edge,Firefox 和 Chrome,具有类似完全的宽容性。

  Mocha GitHub:

大家不是生活在贰个两全的社会风气。作为开拓人士,大家需求接二连三援救这几个并未有最新 JavaScript 性情的旧版浏览器。大家要推动互联网并加强大家的代码库。Babel 是一个 JavaScript 编写翻译器,能够将前卫的 JavaScript 标准编写翻译成 ES5 包容的 JavaScript,那样就允许在像 IE9 那样较老的浏览器上运转。它有局地插件,使得很轻便的施用 React 去开采,以至运用一些规格之外的特征去付出。

  Mocha 当前版本: 2.3.3

何以时候使用 Babel?当你要使用新的 JavaScript 语言特色,同一时间继续扶持旧版浏览器时。

  Mocha 网站: mochajs.org

越多的Web开拓施行

  Chai GitHub:

本文来源于 JavaScript 学习小说中微软技巧布道者和程序员的千家万户文章之一,同期最棒的稿子里也包罗微软的 艾德ge 浏览器和新的 EdgeHTML 渲染引擎。

  Chai 当前版本: v3.4.1

我们鼓舞我们测量试验跨浏览器和装置,举例微软的 Edge(Windows10 私下认可的浏览器)

  Chai 网站: chaijs.com

作品来源:by Rami Sayar

  大家早已在此份清单中回顾了 Mocha 和 Chai ,假诺不去把能够运转这几个测量检验大概可能能够设定持续集成测量检验的测量检验运转器拉进来的话,那么那份清单就不会是一体化的。Karma 是三个用来援救你在不一样的浏览器中自动运维你的测量检验的工具。它将会支持你在当前全体的浏览器上运行你的 Mocha 和 Chai 测量检验。

原来的书文链接:

  实际不是各样浏览器都会运行于各样平台之上,不过幸运的是有成都百货上千无需付费的工具可供你用来测量检验其余的浏览器,能够在 浏览器截屏 上看一看。倘让你是在 OS X 上运转以来,何况要测量检验的是 艾德ge 或许 IE 的话,你就可以 无偿 使用这几个工具。

转发请注解来源:草龙珠城控件

  哪天使用 Karma?当您想要具有叁个功用健全的测量试验套件,并像确认保障测量试验能在具备的浏览器上经过时。

至于赐紫车厘子城

  GitHub:

山葫芦城是世上控件行当总管,世界当先的企业应用定制工具、公司报表和商业智能建设方案提供商,为超越百分之二十五的环球财富500强集团提供劳务。

  当前版本: v0.13

  网站: karma-runner.github.io

  PhantomJS

  运维总体的浏览器来测量试验你的代码是要凝聚消耗内存和 CPU 的。PhantomJS 让您能够运作贰个原原本本的 WebKit —— Safari 和 从前版本的 Chrome 中的渲染引擎(未来是 Blink)。它能让您通过二个 JavaScript API 来运行测验、截屏、模拟互联网以至机关的浏览页面。

  曾几何时利用 PhantomJS ?当您供给实行越来越多的测量试验、操作网页和效仿网络供给的操作时。

  GitHub:

  当前版本: v2.0

  网站: phantomjs.org

  Grunt 和 Gulp

  创设用于生产情况的网址日常还波及到一些升官质量那地点的义务,像 JavaScript 和 CSS 的最小化,CoffeeScript/TypeScript 的编写翻译,单元测量检验,代码精简。只怕你曾经有了二个工具链,用于希图你生产版本上的网址,而假如您还平昔不的话,就能想要具有多个像 Grunt 也许 Gulp 那样的职责运营器。它们都游人如织的插件,能为你的网址实行别的的转移,以使其能投产条件。

  几时利用 Grunt?当你更愿意编写配置文件,而对此你的职务运营器会生成什么中间文件并不关心时。

  Grunt GitHub:

  Grunt 当前版本: v0.4.5

  Grunt 网站: gruntjs.com

  何时使用 Gulp?当你更愿意编写配置代码,而且想采纳 node.js 的流管理本领实现越来越快的职分施行时。

  Gulp GitHub:

  Gulp 当前版本: v3.9.0

  Gulp 网站: gulpjs.com

  Babel

  JavaScript 作为一门语言发展异常的快捷。ECMAScript 2014在二零二零年夏天颁发,而它的众多新天性正在许多流行的浏览器中被完成。假使您想要领会有关浏览器对 ECMAScript 二〇一五 包容新闻,能够看看那么些源于于 @kangax 的 表格 。你会小心到新型版本的 Edge,Firefox 和 Chrome 已经差非常的少是一丝一毫的相配了。

  大家并非生活在三个周全的社会风气中。作为开采者,大家将会须要持续扶助老版本的浏览器,它们不抱有新型和最佳的 JavaScript 成效特色。而大家其实是想要发展我们的 web 并晋级大家的代码库。Babel 便是八个 JavaScript 编写翻译器,它能够将最新的 JavaScript 规范编写翻译成宽容 ES5 的JavaScript,令你能够在 IE9 那么老的浏览器上运转它们。它装有点插件,让使用 React 开拓特别便于,设置会动用那个实际不是正统 (譬如 ES7) 的组成都部队分的遵循特色。

  哪天利用 Babel?当您想要使用新的 JavaScript 语言特征何况还要扶持老的浏览器时。

  GitHub:

  当前版本: 6.1.2

  网站: babeljs.io

  越来越多 Web 开采的施行

  那篇小说是 web 开采类别的一局地,来自于 Microsoft 本事的传道者和程序员,内容都是关于实用的 JavaScript 学习、开源项目,还或然有互操作性最棒实施那个方面,蕴含了 Microsoft Edge 浏览器和新的 EdgeHTML 渲染引擎 。

  我们勉力你在享有的浏览器和配备,包蕴作为 Windows 10 暗许浏览器的 Microsoft Edge 上海展览中心开测量试验 —— 使用 dev.microsoftedge.com 上的无偿工具:

  扫描你的站点上的老一套的库,布局问题甚至可访谈性

  下载无偿的 Mac, Linux, 和 Windows 的设想机

  在颇有的浏览器,饱含在 Microsoft Edge 上检讨 Web 平台的情况

  在你自个儿的设施上长途测验 Microsoft Edge

  更浓重摸底大家的程序猿和传道者:

  GitHub 上的编码实验室:跨浏览器测量试验和最棒实行

  Microsoft 艾德ge Web 大会 二〇一六 (来自于大家的工程团队和 JS 社区)

  哇哦,我能在 Mac 和 Linux 上测试 IE 和 Edge 了! (来自于 Rey Bango)

  未有破话 Web 的上进的 JavaScript (来自于)

  能让 Web 立时起效果的 Edge 渲染引擎 (来自于 Jacob 罗斯尔i)

  使用 WebGL 发挥 3D 渲染的潜力 (来自于 大卫 Catuhe)

  托 管web 应用和web平台方面包车型大巴更新 (来自于 Kevin Hill 和 Kiril Seksenov)

  大家的社区盛开源代码项目:

  vorlon.JS (多设备远程 JavaScript 测量检验)

  manifoldJS (陈设跨平台托管 Web 应用)

  babylonJS (让 3D 图形这几个事物更和蔼)

  更加多无需付费的工具和后端web开荒的东西:

  Linux, MacOS, 和 Window s 上运用的 Visual Studio Code

  尝试在 Azure Cloud 上 使用 node.JS 编写代码

本文由澳门新浦京娱乐场网站发布于新浦京娱乐场官网,转载请注明出处:澳门新浦京娱乐场网站:前端框架,库和工具