良好的文档资源
缺点:
较大的项目可能变得很复杂
发展已经放缓
使用情况似乎在减弱
更多的框架和类库
以下项目虽然不是特别流行,但值得考虑:
Polymer – 可以跨浏览器支持HTML5网页组件的类库
Meteor – 一个用于Web应用程序的全栈平台
Aurelia – 一种相对较新的,轻量级的跨平台框架
Svelte – 一个将框架源代码转换为干净JavaScript的新项目
Conditioner.js – 一个基于状态自动加载和卸载模块的类库
工具:执行通用任务
构建工具自动执行各种Web开发任务,例如预处理、编译、优化图像、缩小代码、代码分析和运行测试等。任务可以在一个可执行包中统一管理。
目前最受欢迎的工具如下:
Gulp.js
Gulp.js 网站 gulpjs测试数据 知识库 github测试数据/gulpjs/gulp 当前版本 3.9.1 每月下载 300万
虽然Gulp不是第一个任务执行工具,它却很快成为了最受欢迎的。Gulp使用易于阅读的JavaScript代码,将源文件加载到流中,并在将数据 输出到构建文件夹之前,通过各种插件管理数据。在任何其它选项之前检查Gulp.js是简单、快速和有趣的。
NPM
NPM 网站 npmjs测试数据 知识库 github测试数据/npm/npm 当前版本 4.5.0 每月下载 300万
npm是Node.js包管理器,但其脚本工具可用于运行通用任务。对于具有少量依赖关系的简单项目来说,这是一个很好的选择。然而,更复杂的任务可能会变得不太适用。
Grunt
Grunt 网站 gruntjs测试数据 知识库 github测试数据/gruntjs/grunt 当前版本 1.0.1 每月下载 200万
Grunt是第一批被大规模采用的JavaScript任务执行工具之一,但其速度和复杂的JSON配置却导致了Gulp的兴起。现在这些问题已经得到了解决,Grunt仍然是一个受欢迎的选择。
工具:模块绑定
多个JavaScript文件的管理已经成为了一件繁琐的事情。默认情况下,浏览器文件不会被编译,因此其依赖关系必须以适当的顺序进行加载或连接。虽然有像ES6模块和CommonJS这样的选项,但是浏览器支持是有限的,因此模块绑定变得十分重要。
WebPack
WebPack 网站 webpack.js.org 知识库 github测试数据/webpack/webpack 当前版本 2.5.1 每月下载 600万
Webpack支持所有流行的模块选项,并已成为React开发的代名词。虽然Webpack声称是一个模块捆绑程序,但是已经可以用作通用任务运行程序了。
Browserify
Browserify 网站 browserify.org 知识库 github测试数据/substack/node-browserify 当前版本 14.3.0 每月下载 260万
Browserify支持Node.js正在使用的CommonJS模块,它将所有模块编译成单个浏览器兼容的文件。
RequireJS
RequireJS 网站 requirejs.org 知识库 github测试数据/jrburke/r.js 当前版本 2.3.3 每月下载 百万
RequireJS是一种浏览器中的模块加载器,它也可以在Node.js中使用。
工具:代码分析
代码分析工具用于分析代码中潜在错误或偏离语法的标准。一个未闭合括号或未声明的变量一定会被检测出。
ESLint
ESLint 网站 eslint.org 知识库 github测试数据/eslint/eslint 当前版本 3.19.0 每月下载 600万
ESLint是一种可插拔的代码分析工具。每个规则都是一个插件,因此可以根据个人喜好进行配置。
JSHint
JSHint 网站 jshint测试数据 知识库 github测试数据/jshint/jshint 当前版本 2.9.4 每月下载 200万
JSHint是一个灵活的JavaScript代码分析工具,它很好的平衡了真正的错误和老旧的语法。
JSLint
JSLint 网站 jslint测试数据 知识库 github测试数据/reid/node-jslint 当前版本 0.10.3 每月下载 50000
JSLint是最早的代码分析工具之一,它实现了一套严格的默认规则。
工具:单元测试
测试驱动开发的任务要求需要编写代码来测试自己的代码。目前有许多选择,包括Ava, Tape 和Jest ,但目前最流行的三个工具是:
Mocha
Mocha 网站 mochajs.org 知识库 github测试数据/mochajs/mocha 当前版本 3.3.0 每月下载 500万
Mocha是一个JavaScript测试框架,可以在Node.js或浏览器中运行测试。它支持异步测试,并且经常与Chai配合使用,这样可以使测试代码以可读取的方式表达。
Jasmine
Jasmine 网站 jasmine.github.io 知识库 github测试数据/jasmine/jasmine-npm 当前版本 2.6.0 每月下载 200万
Jasmine是一个行为驱动的测试工具,可以在浏览器中自动测试UI和交互。
QUnit
QUnit 网站
知识库 github测试数据/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等测试工具。
以上就是最新的前端框架、类库、工具比较的详细内容,更多请关注Gxl网其它相关文章!