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