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

  • 相关阅读:
    UG二次开发-CAM-获取修改路径参数
    多线程01
    MFC的对话框使用Scintilla
    CATIA的后处理
    win32窗体中使用Scintilla窗体
    string的reserve和resize
    前端宝典
    MarkDown学习
    JAVA中构造方法总结
    IDEA中maven和tomcat的配置
  • 原文地址:https://www.cnblogs.com/liubaolongcool/p/3913301.html
Copyright © 2011-2022 走看看