【原】【荐】前端技术及学习资料汇总

【一些前端框架和库】

1.backbone.js
（前端MVC框架，实际针对Web就是MVR.(Model,View,Router路由)，backbone依赖underscore.js库。）
a)Backbone.js(1.1.2)API中文文档： http://www.css88.com/doc/backbone/

b)Backbone源码分析-Backbone架构+流程图： http://www.cnblogs.com/nuysoft/archive/2012/03/19/2404274.html

c)Backbone.js入门教程第二版：

https://github.com/the5fire/backbonejs-learning-note/

http://blog.youkuaiyun.com/the_fire/article/category/682529

d) http://blog.youkuaiyun.com/feng88724/article/category/1084579

e) http://www.ibm.com/developerworks/cn/web/wa-backbonejs/

f)推荐《Backbone.js实战》Backbone+underscore： http://book.2cto.com/201406/43935.html

h)Backbone.js简单入门范例： http://dmyz.org/archives/598

g) Backbone first glance

backbone学习系列博客

http://www.cnblogs.com/wumadi/archive/2013/09.html

http://blog.youkuaiyun.com/Eagle_110119/article/category/1358915

Backbone及Underscore源码解析

Backbone入门指南及源码解析

backbone.js -中文API PDF下载

 

2.underscore（js库，backbone依赖underscore.js库）
a) http://www.css88.com/doc/underscore/

3.jquery（js库）
a) http://www.css88.com/jqapi-1.9/

4.sea.js&CMD规范
（前端模块化开发，seajs采用CMD规范，CMD推崇aslazyaspossible.按需加载。seajs只是模块加载器，不负责任何具体的业务，你还需要模块。）

a) http://seajs.org/docs/#docs

b) 一步步学会使用SeaJS 2.0

c)使用SeaJS实现模块化JavaScript开发： http://blog.codinglabs.org/articles/modularized-javascript-with-seajs.html

JavaSript模块规范-AMD规范与CMD规范介绍： http://blog.chinaunix.net/uid-26672038-id-4112229.html

CMD模块定义规范： https://github.com/seajs/seajs/issues/242

5.node.js&npm
（Node是一个Javascript运行环境(runtime)。npm是一个NodeJS包管理和分发工具。有了NPM，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。）
a) https://cnodejs.org/getstart

b) http://www.cnblogs.com/snandy/archive/2012/03/03/2377380.html

c) NodeJS系列~博客

6.mustache（web模板引擎）
a) http://www.iinterest.net/2012/09/12/web-template-engine-mustache/
b) http://blog.youkuaiyun.com/xuemoyao/article/details/17896203

c) http://www.cnblogs.com/yaozhenfa/p/js_mustache.html

让Mustache支持简单的IF语句：
http://writing.jan.io/mustache-2.0.html
在 mustache 2 出来前，可以尝试：
https://github.com/wycats/handlebars.js
做了很多扩展，社区也非常活跃，推荐。
http://mobile.51cto.com/web-439630.htm

Mustache 嵌套数组

https://github.com/janl/mustache.js

http://docs.ractivejs.org/latest/mustaches#index-references

mustache.js (hogan.js) API中文版

 

7.Handlebar（和Mustache兼容的模版引擎）

http://handlebarsjs.com/
Handlebars是一个和Mustache兼容的模版语言，我们可以直接把Mustache模板导入到handlerbars里，然后就能用到Handlebars的高级功能。
所有用过Mustache人们都会欢呼，Handlebars有IF!!!
GBin1专题教程之Javascript模板引擎handlebars

http://www.cnblogs.com/iyangyuan/archive/2013/12/12/3471227.html

http://www.rankber.com/handlebars-tutorial.html

8.knockout（前端MVVM框架）
a)官网： http://knockoutjs.com/documentation/introduction.html
b)Knockout应用开发中文指南（官网文档翻译）： http://www.cnblogs.com/TomXu/archive/2011/11/21/2257154.html
c)交互式练习： http://learn.knockoutjs.com/

d)Knockout.js入门： http://www.adobe.com/cn/devnet/html5/articles/getting-started-with-knockoutjs.html

e) MVVM架构~Knockoutjs系列

KnockoutJs 进阶学习

KnockoutJS官方中文chm文档下载：

http://download.youkuaiyun.com/detail/tenero/7561501

http://download.youkuaiyun.com/detail/huaxiazhonghuahun/8048587

9.bootstrap（前端框架）
a) http://v3.bootcss.com/

b) http://docs.bootcss.com/bootstrap-2.3.2/docs/index.html

c)Bootstrap用户界面架构视频教程： http://www.icoolxue.com/album/show/78

 

9.Less css（css框架）

备注：sublime下想要.less的文件代码高亮，需要安装一个叫less的插件。

http://www.w3cplus.com/css/less

【前端集成开发工具】

1.grunt：http://www.gruntjs.net/

http://www.cnblogs.com/snandy/archive/2013/03/07/2946989.html

http://www.cnblogs.com/snandy/archive/2013/03/11/2949177.html

http://www.cnblogs.com/yexiaochai/p/3603389.html

2.bone：https://github.com/wyicwx/bone
同事开发的工具，是基于Node.js的项目构建工具，与Grunt类似。

其它学习资料参考:
结合个人经历总结的前端入门方法：

https://github.com/jeniffer-d/FE-learning

 

JavaScript的那些书：

http://limu.iteye.com/blog/1267475#bc2359856

这个项目收集移动端开发所需要的一些资源与小技巧：

https://github.com/jtyjty99999/mobileTech

转载于:https://www.cnblogs.com/imxiu/p/4374208.html