深入探究前端开发与JavaScript技术-优快云博客

虽然知道js的种种好处，但是最多仍然停留在小打小闹的阶段上，而且忌惮于js的各种不确定性，即使知道nodejs这种东西，
也一直没有好好认真的学习一下。
大概潜意识就认为js是一种早就应该消亡的东西吧。
不过最近有幸接触到一个微信的项目，硬着头皮研究了下代码，终于发现我的认知水平已经无异于拿着砍刀对砍坦克的阶段。
结论是，前端，还是应该研究一下的。

常用的cdn http://cdn.code.baidu.com/

做测试用不错

总结下一个星期的结果

1.requirejs
入门 http://www.ruanyifeng.com/blog/2012/11/require_js.html
详细 http://requirejs.cn/home.html

把js文件模块化的必备文件，开始不懂，直觉类似于java当中的spring，
因为js里面没有class的概念，直觉仍然是每个define相当于一个class
或者可以选用国人的seajs，也是有很多优点，网上有关于两者的评价
http://www.zhihu.com/question/20342350

使用domready 代替jquery 的 document ready的例子
1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<script type="text/javascript">
    var require = {
        baseUrl: "scripts/",
        paths: {
           "domReady": "domReady"   //name : file
        }
    };


</script>

<script type="text/javascript" src="http://apps.bdimg.com/libs/require.js/2.1.11/require.min.js" data-main="main"></script>
</body>
</html>

main.js

require(["domReady!"],
		function(DomReady) {
          alert(111111);
});

2 underscore.js

基本就是js的各种加强，有必要一个个看一遍，或者看看源码看看他们对js的实现

中文版api ： http://www.css88.com/doc/underscore/

3 hammer.js

用来捕捉手指头点击屏幕的各种动作
有很多类似的js，譬如baidu的touch.js
两者都测试了下，感觉hammer.js更流畅点。。。。

主页 http://hammerjs.github.io/

var hammertime = new Hammer(myElement, myOptions);
hammertime.on('pan', function(ev) {
console.log(ev);
});

4 fabric.js
对html5的cavas对象做了二次包装的js
用它来操作cavas比较方便
主页上有很多很炫的特效。。