推薦一些前端開發經常使用框架

1.動態加載js
javascript

1.1 sea.jshtml

Sea.js 追求簡單、天然的代碼書寫和組織方式,具備如下核心特性:前端

  • 簡單友好的模塊定義規範:Sea.js 遵循 CMD 規範,能夠像 Node.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

相關文章
相關標籤/搜索