代码改变世界

推荐一些前端开发常用框架

2014-08-14 19:38  QA龙  阅读(599)  评论(0编辑  收藏  举报

1.动态加载js

1.1 sea.js

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.js

对于单页面的网站使用mvc模型开发比较容易分工和管理。

网易的有道云笔记网页版也使用了这个框架。
地址:http://backbonejs.org/

3.前端一些公用的函数库

 1).js模版  mustache.js

View:

{

  "stooges": [

    { "name": "Moe" },

    { "name": "Larry" },

    { "name": "Curly" }

  ]

}

 

Template:

{{#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