前端技术总结（包/资源/加载器/测试/框架）

主流包管理器

1. npm： npm 是 JavaScript 的包管理器 官网入口
2. Bower：一个 web 应用的包管理器官网入口
3. yarn: 快速、可靠、安全的依赖管理。官网入口
4. cnpm：淘宝镜像的包管理器 以来下载速度贼快 简单下载方式 npm install -g cnpm

加载器

1. RequireJS：JavaScript 文件和模块的加载器 官网入口
2. curl：小巧、快速且易扩展的模块加载器，它能处理 AMD、CommonJS Modules/1.1、CSS、HTML/text 和历史脚本官网入口
3. script.js：异步 JavaScript 加载器和依赖管理器。官网入口
4. browserify：在浏览器端以 node.js 的方式 require()。官网入口

打包工具

1. browserify ：Browserify 让你能在浏览器端使用 require(‘modules’) ，打包所有依赖。官网入口
2. webpack：为浏览器打包 CommonJs/AMD 模块。官网入口
3. gulp：用自动化构建工具增强你的工作流程！官网入口

测试

框架

1. mocha：适用于 node.js 和浏览器、简易、灵活、有趣的 JavaScript 测试框架。官网入口
2. jasmine：简单无 DOM 的 JavaScript 测试框架。官网入口
3. jest：简单的 JavaScript 单元测试框架。官网入口
4. o DalekJS：自动化且跨浏览器的 JavaScript 功能测试框架。官网入口

混合使用

1. chai：适用于 node.js 和浏览器的 BDD / TDD 断言框架，并能搭配其它测试框架使用。官网入口
2. Sinon.JS：对 JavaScript 进行 spies、stubs 和 mock 测试。官网入口
3. expect.js：简约的、适用于 Node.js 和浏览器端的 BDD 式断言工具。官网入口
4. should.js：适用于 Node.js 的 BDD 式断言工具。官网入口

QA工具

1. ESLint：完全插件化的工具，能在 JavaScript 中识别和记录模式。官网入口
2. JSLint ：高标准、严格和固执的代码质量工具，旨在只保持语言的优良部分。官网入口

MVC/MVVM 框架和库

再次只介绍目前流行的几种框架
1. react：用于建构用户界面的库。它是声明式的、高效的和极度灵活的，并使用虚拟 DOM 作为其不同的实现。官网入口
2. angular2：为网络应用增强 HTML。官网入口
3. vue : 一个用于构建可交互界面的、直观快速和可组合的 MVVM 框架。官网入口
4. ractive：新一代 DOM 操作。官网入口
5. react-native：一个用 React 构建原生应用的框架。官网入口
6. backbone：给你的 JS 应用加入带有 Models、Views、Collections 和 Events 的 Backbone。官网入口

模板引擎

artTemplate 极快的JavaScript 模板引擎官网入口

上图是各模板引擎的测试图 加载耗时一目了然。

art-template@4版本的性能更强大 双语发结构可以同时使用
详情进入官网查看文档说明使用

状态管理

目前主流数据管理架构是flux和Redux；
1. Reflux是根据React的flux创建的单向数据流类库。官网入口
2. Redux是可预测javascript应用程序状态的容器官网入口

数据可视化构建工具

1. echarts：商业产品图表。官网入口
2. d3：一个对 HTML 和 SVG 进行可视化的 JavaScript 库。官网入口
3. three.js：JavaScript 3D 库。官网入口
4. svg.js：一个轻量的、用于操作和添加 SVG 动画的库。官网入口

编辑器选择

1. VS Code 来自微软的编辑器，被称作“披着编辑器外衣的IDE”博主在用 速度and插件都是棒棒哒
2. ATOM来自github的编辑器，基于electron开发，CoffeeScript 实现。
3. SublimeText3非常多前端使用的编辑器，轻量级，快速启动，丰富的插件。
4. WebStorm 如果我再豪一点 编辑器就选他了 “收费你懂的！！！“
5. Hbuilder : 初学者选它最好不过了 没有之一

这次就说这么多了 谢谢阅读