1.動態加載js
javascript
1.1 sea.jshtml
Sea.js 追求簡單、天然的代碼書寫和組織方式,具備如下核心特性:前端
地址:http://seajs.org/docs/
網易的有道雲筆記網頁版用的就是這個 能夠看看他的js代碼
http://note.youdao.com/
2).require.js
這個很少說了 國外的比較有名
地址:http://www.requirejs.org/
2.前端MVC框架
1).backbone.jsjava
對於單頁面的網站使用mvc模型開發比較容易分工和管理。node
網易的有道雲筆記網頁版也使用了這個框架。
地址:http://backbonejs.org/git
3.前端一些公用的函數庫github
1).js模版 mustache.jsjson
View:瀏覽器
{ "stooges": [ { "name": "Moe" }, { "name": "Larry" }, { "name": "Curly" } ] }
Template:mvc
{{#stooges}} <b>{{name}}</b> {{/stooges}}
call:
var output=Mustache.render(template,view);
Template:
Output:
<b>Moe</b> <b>Larry</b> <b>Curly</b>
功能比較強悍 比本身循環去拼接html 代碼要乾淨整潔的多
地址https://github.com/janl/mustache.js/
2).xml操做js xparse.js
通常咱們前端js裏操做xml時使用瀏覽器自帶的xml操做對象是快,可是不通用個個瀏覽器之間有一些差異
使用這個就不存在這個問題由於他是按照字符串分詞解析xml不用瀏覽器自身的東西。因此他不存在瀏覽器差別
地址:http://jeremie.com/Dev/XML/
3).json對象序列化成字符串 jkl-dumper.js
工做的時候咱們常常要向後臺傳遞json對象 須要本身去拼接json字符串 可是json格式要求很嚴格稍微有一點錯誤就沒法識別
有了這個東西咱們就能夠只負責建立json對象有它把對象序列化成字符串
var data = { string: "string", array: [ 1, 2, 3 ], hash: { key1: "value1", key2: "value2" }, data1: null, data2: true, data3: false }; var dumper = new JKL.Dumper(); document.write( dumper.dump( data ) );
地址:http://code.google.com/p/javascript-game-framework/source/browse/trunk/test/jkl-dumper.js?r=11