库和工具,前端框架

精品的 JavaScript 前端框架、库和工具

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

本文由 伯乐在线 - cucr 翻译,Heiye 校稿。未经许可,禁绝转载!
爱尔兰语出处:Rami Sayar。招待插足翻译组。

好像大约每间隔十七日就有三个新的 JavaScript 库在网络社区挑起暴风!互联网社区尤为充满活力,各类化且在多少个地点急速上扬。考察每一个主流的 JavaScript 框架和库是不只怕完结的壮举。由此,作者将分享部分前端开垦中最闻名和最有影响力的框架和库。让大家看看最棒的 JavaScript web 前端框架,库和工具以至曾几何时使用它们。

另外:

  • 假使本身还未有包含你最赏识的 JavaScript 框架,请不要上火。
  • 千古铭记在心持续更新您的框架和库。最新版本的框架和库日常兼有最佳的跨浏览器和跨设备的扶植。你能够运用工具, 比如scanner 来扶植判别三个旧版本是否相称这一大批判设备。

好了,让我们进来列表!

  那篇小说首要呈报于今盛行的一些 Javascript web 前端框架,库以致它们的适用项景。

AngularJS

Angular 是风靡的商店级框架,多数开荒职员都在动用它来营造和爱护复杂的 web 应用程序。Angular 的人气十一分高,包蕴 Domino’s Pizza, Ryanair, iTunes Connect, PayPal Checkout, Google等营业所都在应用它。Angular 是三个由谷歌援助的开源框架。Angular 自称是 HTML 的二个恢宏,用来塑造复杂的 web 应用程序。其余假诺您领悟 TypeScript, Angular 2正是用它创设的。

  新的 Javascript 库数不胜数,进而Web 社区愈发活跃、各类、在多地方飞速发展。详细去描述每少年老成种主流的 Javascript 框架和库近乎不容许,所以在这里篇文章中要害介绍部分对前面多个发展最具影响力的前端框架。接下来让大家来合作商讨一些主流前端框架、库和工具,并商量它们的适 用途景。

这一个小编的越多文章

  • 营造多少个基于 Node.js 的闲谈室 Web App:远程调节和测量试验
  • 营造二个依据 Node.js 的闲聊室 Web App:通过 WebSockets 连接

Angular 是多个 MVC 类型的框架。它提供了模型和视图之间的双向数据绑定。该数额绑定允许每当数据变动时,两侧自动更新。  它令你能够构建可复用的视图组件。它提供了三个劳务框架,使得后端-前端服务通讯更易于。最终,它只是一般的 JavaScript。

曾几何时使用 AngularJS?当您正在营造七个错落有致的 web 前端应用程序,同不时间须求贰个模块化的框架来处理任什么日期。

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

  同时:

React

React 是今年最受接待的 JavaScript 项目!各类人都犹如在批评ReactJS。二零一八年自己出席的每多个聚会,至稀有几许个议题是有关 React 和同亲族的任何库(Flux, Redux卡塔 尔(阿拉伯语:قطر‎的。React 是开源软件,重要由 推特(TWTR.US)开垦,其余大型科技(science and technology)集团也会有进献。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 框架,勿喷

Backbone

Backbone 是八个名牌的大约框架,符合单个 JavaScript 文件。Backbone 已经存在有生机勃勃段时间了,是以 CoffeeScript 和 Underscore 闻明的 杰里米Ashkenas 所支付的。对于部分为微型 web 应用寻觅一个组织轻易的框架,而不想引进如 Angular 或 Ember 那个巨型框架的组织,Backbone 特别受招待。

Backbone 提供二个完整的 MVC 框架以至路由。模型允许键-值绑定和数目变动的事件管理。模型(和集聚卡塔尔能够接连到RESTful API。视图具备评释式事件管理,路由在管理 U奥迪Q5L 和情景管理上做的十分不错。它包罗你创制叁个单页面应用程序所急需的满贯,且并没有提供太多东西,未有不须要的复杂度。

哪天使用 Backbone?Backbone 是本人创造轻便 web 应用程序的首要推荐框架。

GitHub: 

最近版本: 1.2.3
网站: backbonejs.org

  在应用前端框架进行开拓时,提出维持版本更新。最新版本的平时都会提必要更加好的跨浏览器,跨平台功能。 需检验有个别框架的旧版本是还是不是对各样浏览器以致配备的极度,请使用 近似这几个扫描器 的工具

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

  酌量好了吧,那么接下去每种探讨它们。

jQuery

jQuery 是一个不必介绍的库。它凭自身个人的力量让跨浏览器网站选拔成为切实,同一时候把 web 带到明天的岗位。Web 标准早已被当先四分之二浏览器创造商选择并真正地尊重,jQuery 是当中的来由之生龙活虎。jQuery 基金会的重任是“通过开源软件的开销和支持,甚至开采社区的搭档,改进开放的 web,让每一位都足以访谈它。”

jQuery 是世界上最常用的 JavaScript 库,全部应用程序都应当选择它,除非您没所谓技术员的工效。它使得 DOM 遍历、事件管理、动漫、AJAX 在颇有浏览器上变得更简便、更便于。

什么日期使用 jQuery?直白使用,除非您想选拔一个像 Zepto 的轻量级版本。

GitHub: 
日前版本: v1.11.3 or v2.1.4
网站: jquery.com

  AngularJS

Underscore &lodash

有的时候 JavaScript 内置的意义形成程序员的效用并不高。总是贫乏多少个工具函数或二个方可简化代码的函数。Underscore(和 lodash卡塔 尔(英语:State of Qatar)是贰个 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, Google。Angular 是三个由 Google协助的开源框架。Angular 称本身为营造复杂网页应用而对 HTML 的扩大。要是您也对 TypeScript 很熟稔,那么能够看看 怎么样写 Angular 2 .

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。

Babylon.js

想要塑造完全切合今世 web 标准且跨浏览器的录制游戏吧?看看 Babylon.js,它是依据 WebGL 和 JavaScript 的 3d 游戏引擎。你能够创立令人匪夷所思的带有物理、音频和粒子系统等等的高素质游戏。

曾几何时使用 贝布ylon.js?任凭何时,只要您想做多个录制游戏或别的类型的纷纷三维场景,都能用上。

GitHub: 
一时版本: 2.2
网站: babylonjs.com

  哪天使用 AngularJS? 当你营造二个复杂的网页前端接受并索要三个独自的模块框架去管理整个时。

Three.js

想要创设一个 3D 可视化场景,但无需八个完好的游玩引擎?three.js 提供了二个轻量级的 3d 库,允许渲染 3d 为 HTML5 画布、SVG 和 WebGL。它是卓绝简单的库,在 three.js 的呈现里有数百个雅观的例子。

几时使用Three.js?当您必要一个能出口为 Canvas 的简便的 3D 可视化场景时。

GitHub: 
时下版本: r73
网站: threejs.org

  GitHub:

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

Karma

既然已经把 Mocha 和 Chai 饱含在这里个列表中了,假诺不含有用来运作这几个测量试验或设置持续集成测验的测量检验运维器,这将是残缺的。Karma 是豆蔻年华款目的在于救助您在差异的浏览器上活动运行测量检验的工具。它可以帮忙您在享有浏览器上运行Mocha 和 Chai 测量试验。

不是每一个浏览器都运维在全数平台,但有幸的是足以使用部分无需付费工具来测量试验其余浏览器,看看 Browser Screenshots。如若您正在 OS X 上运维代码,想测验 Edge 或 IE,能够 免费 使用那几个工具。

哪一天使用 Karma?当你的应用程序有二个完美的测量检验套件,并期望确定保证测验在装有浏览器上经过时。

GitHub: 
当前版本: v0.13
网址: karma-runner.github.io

  Website: angularjs.org

PhantomJS

运营总体的浏览器来测验你的代码相比较耗内部存款和储蓄器和 CPU。PhantomJS 允许你运营二个轻量的 Web基特 —— Safari 和Chrome(未来是 Blink卡塔尔后台的渲染引擎。它同意你通过 JavaScript API 运转测量检验,捕捉截图,监察和控制互联网和活动浏览页面。

曾几何时使用 PhantomJS ?当你需求张开越多的测量试验,操作页面和监视网络伏乞时。

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

  二:React 是15年最受款待的 JavaScript 项目!大约人人都在商酌ReactJS。二〇一八年,小编加入的每五个会差点都会有风度翩翩几个话题研讨 React 和千篇风流洒脱律种类下的任何库( Flux , Redux ) 。React 是四个开源项目,大约是由 Fackbook 和任何主要的才能集团进献开垦的。React 称自个儿为为创设客户接口而提供的 JavaScript 库。

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。此外,它完毕了单向数据交互作用流,那使它比其余的框架更便于精晓和采纳。

Babel

JavaScript 语言正在火速发展。ECMAScript2016于2018年清夏透露,它的居多新特色在新式的浏览器上落实了。假诺您想看看 ECMAScript 2016 的宽容性,你能够看看来自 @kangax 的那么些 表。你会注意到,最新版本的 Edge,Firefox 和 Chrome 已经大约统统匹配了。

小编们并非在世在二个周全的社会风气。作为开荒职员,大家需求继续援助旧的浏览器,它们从不流行最好的 JavaScript 性情。我们要推进 web 和更改我们的代码库。Babel 是七个JavaScript 编写翻译器,用于把最新的 JavaScript 标准编写翻译成可在 IE9 等老浏览器上运维的宽容ES5的 JavaScript。它有后生可畏部分插件,使得 React 开采更便于,甚至足以动用部分不归于该标准的特性(比方ES7卡塔尔。

哪一天使用 Babel?当你想使用新的 JavaScript 语言特色,同期还要帮衬老版本浏览器时。

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

  两个品种比如 Angular ,Ember 绑定使用 React 成为 MVC 中的 V。

越多 Web 开垦施行

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

咱俩鼓励你跨浏览器和设施开展测量试验,包括微软的Edge——Windows 10的默许浏览器——在 dev.modern.IE 上有无需付费工具:

  • 围观你的网址中过时的库,布局难题和可采访性
  • 下载 Mac, Linux 和 Windows 下的无偿设想机
  • 跨浏览器检查 Web 平台状态,富含微软 Edge 的路径图
  • 在您的装置上长途测验微软 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应用一齐行使。当您试着营造四个同构的网页框架。

有关小编:cucr

图片 1

今日头条微博:@hop_ping 个人主页 · 笔者的篇章 · 17

图片 2

  GitHub:

  这段日子版本:v0.14.0

  网址: Facebook.github.io/react/

  Backbone

  Backbone 是 二个露脸的简要的框架,全数内容都得以停放四个单纯的公文里。Backbone 已经风靡了风华正茂段时间,其作者是 杰里米 Ashkenas,曾经由于开拓了 CoffeeScript 和 Underscore 而为大家所知。Backbone 特别适用于要求开垦的 web 程序十分的小的那多少个协会,他们愿意能利用小巧的框架,实际不是像 Angular 或者Ember 那样的大型框架。

  Backbone 提供了全职能的 MVC 框架和路由。它的 Model 能够完成key-value 绑定和数量更新的事件处理。Model(及 Collection)能够与 RESTful 的 API 合作职业。View 能够证明事件管理,Router 在 UENCOREL 管理和情景管理方面做的很好。对于开辟叁个单页面应用,全体须求的服从都足以支撑,无需额外引进没有必要的复杂。

  几时使用 Backbone?对于Mini的 web 程序,Backbone 是作者必选的框架。

  GitHub:

  当前版本:1.2.3

  官方网址: backbonejs.org

  Ember 作为三个 web应用框架,非常在乎于程序猿的频率上。Ember 相对比较盛行,核心团队有点不清很冰雪聪明的成员,包罗 Yehuda Katz,他是 Ruby on Rails 和 jQuery 的着力团队的分子。Ember 对友好的固定是“叁个用来创制震动的 web 应用的框架”,它也的确不会浪费你的时辰。它在这里方面相当的小心,为您提供数不清的采纳。

  Ember 相符也是贰个 MVC 的框架。它含有一个模板和视图引擎,在数额更新时方可自动更新,这地点与Angular, Backbone, 和 React 近似。它还也会有三个 web 组件 的定义,允许你用自身的竹签扩大HTML,(如Angular)。它还大概有三个路由及 model 引擎,能够与 RESTful API 一同坐班的很好。

  几时使用 Ember?适用于你须求贰个框架立时就会运用。对灵活性供给不高的时候尚可Ember,因为您习感觉常是预算恐慌也许工期恐慌。

  GitHub:

  当前版本:2.1.0

  官网: emberjs.com

  JQuery 那一个库就无须多做牵线了。它独立担负了让跨浏览器网址成为现实的职分,是它使得整个 web 成为前日以此样子。Web 标准的制定以至浏览器厂商对正规的收受地点,jQuery 功不可没。jQuery 基金会的指标是"通过开源软件的付出和扶助,以致社区的协作,拉长开放的网络,让每种人都能访谈"

  JQuery 是社会风气上选用最广的 JavaScript 库,未有使用能够相差它,除非您对开拓效用不感兴趣。它使得 DOM 遍历、事件管理、动漫和 AJAX 在装有浏览器上都变得那般的简易易用。

  何时使用 jQuery?任几时候,除非你筹算利用更轻量级的本子,比方 Zepto 。

  GitHub:

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

  官网: jquery.com

  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 版本时。

  Lodash GitHub:

  Lodash 当前的本子:v3.10.1

  Lodash 网站: lodash.com

  D3.js

  数据可视化和图表是web应用程序的风度翩翩种健康须求。当提到到此外数据操作和可视化时,D3.js 正是实际上的正经。它是 GitHub 上最受招待的项目之风度翩翩,并被数百个协会机关所利用。大批量的图样、Logo和可视化库都以零件于 D3 之上的。

  D3 让您能够操作任何来源的多少文书档案,并将数据开展改换后选拔到 DOM、SVG 和 CSS上。D3 静心于当代的 web 规范,以致保险您能够不面前境遇任何像 Flash 大概 Silverlight 那样的专有格式的范围。

  几时使用 D3.js?当你要求任何项目的视觉效果的时候。

  GitHub:

  当前版本:3.5.6

  网站: d3js.org

   Babylon.js

  想要营造多个完全运会转于今世浏览器上,何况能跨浏览器运营的录制游戏吧?那就看看 Babylon.js 吧,它是叁个 3D 游戏引擎,基于 WebGL 和 JavaScript。你能够采取其概略、音频和粒子系统创造出超过预想的高水平游戏来。

  什么日期利用 贝布ylon.js?当您正在塑造二个录像游戏大概贰个某种类型的 3D 场景时。

  GitHub:

  当前版本: 2.2

  网站: babylonjs.com

  Three.js

  想要创设三个 3D 视觉特效,不过又无需一个效用风姿浪漫体化的娱乐?Three.js 提供了二个轻量级的 3D 库,令你能够将 3D 效果渲染成二个 HTML5 的 canvas, SVG, 和 WebGL。那是八个详单简单的库,在 three.js 陈列站点上得以看到数百个优良的演示。

  几时使用 Three.js?当你必要三个简单易行的能出口为 Canvas 的 3D 视觉效果时。

  GitHub:

  当前版本: r73

  网站: threejs.org

  Mocha 和 Chai

  长期以来测量检验 JavaScript 一贯都令人不甚反感。聊起来,测验任何代码都以让人恨恶的,但又却是每种开拓者应该做的事情。各个开采者就如总是对此不屑,忽略掉针对它们的代码的测量检验工作。 现在有了痊可这种恶感的法门了,这正是 Mocha 和 Chai。而七个库都是美味的热饮命名,都能支援您测量试验代码,可是格局各异而已。

  Mocha 是三个 JavaScript 测验框架,它使得针对你的node模块或许浏览器选择中的异步代码的测量检验变得轻易起来。Mocha 测量试验能够串起来运维,况兼对于针对合适的测量检验案例开展丰盛追踪的品质不错。

  Chai 是一个作为使得开辟和测验驱动开垦的断言库,可与 Mocha 伤官。它以风流潇洒种可读性好的品格来陈述您所要测量检验的东西,用起来轻便。

  哪一天利用 Mocha 和 Chai?用他们就对了! 请测量检验你的代码,让这么些世界变得越来越好。

  Mocha GitHub:

  Mocha 当前版本: 2.3.3

  Mocha 网站: mochajs.org

  Chai GitHub:

  Chai 当前版本: v3.4.1

  Chai 网站: chaijs.com

  大家曾在这里份清单中包蕴了 Mocha 和 Chai ,假设不去把能够运作那几个测验恐怕或然能够设定持续集成测验的测量试验运营器拉进来的话,那么那份清单就不会是完整的。Karma 是叁个用来赞助你在分裂的浏览器中自行运转你的测量检验的工具。它将会支援你在眼下全数的浏览器上运转你的 Mocha 和 Chai 测量检验。

  并非各类浏览器都会运作于每个平台之上,可是幸运的是有无数免费的工具可供您用来测量试验其余的浏览器,能够在 浏览器截屏 上看意气风发看。倘使你是在 OS X 上运营以来,何况要测量试验的是 Edge 大概 IE 的话,你就能够 无偿 使用这一个工具。

  何时使用 Karma?当你想要具备一个功力康健的测量检验套件,并像确认保证测量试验能在具有的浏览器上通过时。

  GitHub:

  当前版本: 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 或许 居尔p 那样的任务运转器。它们都游人如织的插件,能为您的网址实行任何的转变,以使其能投入临盆条件。

  何时利用 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 二零一五在下7个月朱律公布,而它的好些个新个性正在大多风靡的浏览器中被完毕。若是您想要理解有关浏览器对 ECMAScript 二〇一五 宽容消息,可以看看这几个源于于 @kangax 的 表格 。你会注意到新型版本的 艾德ge,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 Edge Web 大会 2014 (来自于大家的工程团队和 JS 社区)

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

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

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

  使用 WebGL 发挥 3D 渲染的潜质 (来自于 David Catuhe)

  托 管web 应用和web平台方面包车型客车立异 (来自于 凯文 Hill 和 Kiril Seksenov)

  我们的社区开放源代码项目:

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

  manifoldJS (安插跨平台托管 Web 应用)

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

  越来越多免费的工具和后端web开垦的事物:

  Linux, MacOS, 和 Window s 上接纳的 Visual Studio Code

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

本文由澳门威斯尼人平台登录发布于Web前端,转载请注明出处:库和工具,前端框架

相关阅读