js要入门?

来源:互联网 发布:qt linux sleep头文件 编辑:程序博客网 时间:2024/03/28 18:05
虽然知道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比较方便
主页上有很多很炫的特效。。
0 0