zoukankan      html  css  js  c++  java
  • 推荐一些前端开发常用框架

    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

  • 相关阅读:
    PAT 甲级 1115 Counting Nodes in a BST (30 分)
    PAT 甲级 1114 Family Property (25 分)
    PAT 甲级 1114 Family Property (25 分)
    Python Ethical Hacking
    Python Ethical Hacking
    Python Ethical Hacking
    Python Ethical Hacking
    Python Ethical Hacking
    Python Ethical Hacking
    Python Ethical Hacking
  • 原文地址:https://www.cnblogs.com/liubaolongcool/p/3913301.html
Copyright © 2011-2022 走看看