JavaScript

• AngularJS 2已经发布beta版，但是所有技术是针对下一代JaveScript标准的，要兼容目前浏览器的JavaScript内核需要引用尺寸比较大的库，不是一个轻巧的解决方案。
• AngularJS 1最简洁的教程在官网首页下部，而不是Tutorial，应该往下滚动首页，不容错过。
• AngularJS有若干模块（比如路由），并不是只引用一个JS就可以。
• AngularJS一些全局变量前面有$符号，但不要误会其支持jQuery语法。要用jQuery需要单独引用2.1以上版本。

这是一个非常好的训练，能够帮助深入理解JavaScript。

http://www.nowcoder.com/ta/front-end

非程序员：

1. Wordpress（官网）
2. Discuz（官网，下载）

基础：

下面是一篇关于Bootstrap和jQuery Mobile的比较：

http://www.gajotres.net/bootstrap-or-jquery-mobile-pros-and-cons/

总结里面一些观点：

• Bootstrap做出来的更像桌面网站，而jQuery Mobile更像手机网站。
• Bootstrap更多地使用CSS实现其功能，而jQuery Mobile是JS。JS会比较慢。
• 两者可以同时使用。
• Google的时候，Bootstrap更容易找到答案，而jQuery Mobile会有版本和关键字不清晰的问题

http://www.nowcoder.com/intelligentTest，注册账号，勾选JavaScript

在分析第三方网页的时候，我们可能需要使用JQuery来抽取一些内容，如果网页本身没有加载jQuery，我们可以在开发者控制台通过运行以下JS加载：

 

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

jq.src = "http://libs.baidu.com/jquery/1.10.2/jquery.min.js"; //"https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";

var seconds = new Date().getTime() / 1000;

用alert，注册以下事件，捕捉所有的报错：

window.onerror = function (errorMsg, url, lineNumber) {

    alert('Error: ' + errorMsg + ' Script: ' + url + ' Line: ' + lineNumber);

}

html2canvas

参考：

• http://www.elliottsprehn.com/preso/fluentconf/
• http://stackoverflow.com/questions/4912092/using-html5-canvas-javascript-to-take-screenshots

var json_text = JSON.stringify(your_object);

var your_object = JSON.parse(json_text);

参考：http://stackoverflow.com/questions/191881/serializing-to-json-in-jquery