前端框架

 

JS库大全(推荐)http://www.bootcdn.cn/

 

CDN服务

CDN的全称是Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络，CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容，解决 Internet网络拥挤的状况，提高用户访问网站的响应速度

 用别人的 CDN 都是不保险的，所以建议在 CDN 读取失败的时候从自己服务器提供：

<script src="//http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>

<script>

   if (!window.jQuery) {

    var script = document.createElement('script');

    script.src = "/js/jquery.min.js";

    document.body.appendChild(script);

}

</script>

 

-----------------------------------文字图标------------------------------------------------------------- 

Font Awesome

 

------------------------------------JS库-----------------------------------------------------------

Bootstrap

基于 HTML、CSS、JAVASCRIPT 的一个CSS/HTML框架由动态CSS语言Less写成(Bootstrap 4 alpha版从 Less 迁移到 Sass)，它简洁灵活，使得 Web 开发更加快捷

组件：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等

 

插件：自带了13个jQuery插件，模式对话框、标签页、滚动条、弹出框等

 

zepto

 

jquery

 

vue.js

GitHub - hanan198501/vue-spa-template: vue.js 单页应用项目模板 

 

React

官网地址：A JavaScript library for building user interfaces

其称为构建用户接口而提供的Javascript库，主要用来构建UI，其专注于MVC的V部分，抽象出了DOM优化了渲染，并允许你使用Node.js来渲染React，与已知库或框架可以很好的配合，如AngularJs、Backone

 

flux

 

AngularJs

是google一款优秀的企业级框架，最为核心的特性为：MVC、模块化、自动化双向数据绑定、语义化标签及依赖注入等等

适用于使用CRUD的单一页面应用程序（Single Page Applications，SPAs）

 

RequireJs

是一个javascript模块加载器，提高网页的加载速度和质量，大多数情况下我们都把JS写在一个代码文件，后来文件越来越大，就侵害成几个小文件，随着JS文件越来越多，增加网页的Request次数，失去响应时间越长。其次，由于几个JS文件存在依赖关系，因此必须保证加载顺序正确，这样给编写及维护都带来一定程序的困难。RequireJs就是解决这些问题的，实现JS文件的异步加载，避免网页失去响应，实现模块化，按需加载，提高代码的可维护性

 

Backone

是一个帮助开发重量级Javascript应用的框架，但它本身简单的框架。其文件体积很小，压缩后只有5.3KB，提供了全功能的MVC框架及路由。Backone强制依赖于Underscore.js，非强制依赖于jQuery/Zepto。当你在开发时不需要像AngularJs或Ember这样的大型框架时，Backone也许是一种很好的选择

 

D3.js

最流行的数据可视化和图表(制作图形报表)，它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。它能够把数据HTML、SVG、CSS结合起来，创造出可交互的数据图表，而不必受限于Flash或Silverlight

 

Three.js

构建3D特效

----------------------------------工具---------------------------------------------------------------

gulp

 

grunt 

工程命令行构建工具

 

FIS

 

PhantomJS

测试工具

--------------------------------JS/CSS模块化开发----------------------------------------------------

sea.js

 

less

 

webpack

 

 

 

 

 

 

 

推荐组合

纯移动端的话，zepto加frozenui加seajs挺好；H5那种活动页，推荐用motion.js，挺好用的，效果赞；jq+bootstrap是个挺好的组合，或者用backbone也是挺普遍

angular+bootstrap+jQuery

前端如果是服务器渲染，不用想太多老老实实写好jQuery插件；如果是Single Page App，客户端routing的，推荐React + Flux