zoukankan      html  css  js  c++  java
  • 前端MVC框架、类库、UI框架选择

    CSS预处理器
    sass(基于Ruby服务端版)
    less(客户端版:基于js; 服务端版:基于nodejs)






    前端UI框架
    JqueryMiniUI: http://www.miniui.com/(适用于管理后台、ERP)
    Bootstrap 3.3:http://v3.bootcss.com/ (资料齐全、提供less、sass版)
    AUI: http://amazeui.org/getting-started (中文排版、高度兼容、高度封装、传统css)
    SUI 1.6:http://semantic-ui.com/ (语义化组件、部分优雅的CSS3组件,windows需要nodejs及gulp环境 )
    foundation 5: http://foundation.zurb.com/ (最快、提供sass、APP版,IE9以下的不兼容)






    前端MVC或MVVM框架:
    sproutcore:(H5应用框架、提供大量的高性能应用、如apple著名的MobileMe等、示例:http://yehudakatz.com/2011/06/11/using-sproutcore-2-0-with-jquery-ui/)
    emberjs:(H5应用框架、它的前身是sproutcore) http://www.emberjs.cn/


    knockout:(MVVM模式(Model View ViewModel)、特征:声明式绑定、UI界面自动刷新、依赖跟踪、模板,适合较小、较简单的项目、旧的框架)


    backbone + reactjs (backbone附带一个Underscore.js副本;reactjs是backbone的视图层优化框架,将视图封装成组件,组件通信封装、reactjs源自facebook,示例:http://www.thomasboyt.com/2013/12/17/using-reactjs-as-a-backbone-view.html)
    spinejs(MVVM模式、它是由coffeeScript编写的,极具魅力,代码简洁优雅,用于复杂的、较大的项目)
    angularjs (MVVM模式、模块化、自动化双向数据绑定、语义化标签、依赖注入、google应用此框架)http://angularjs.cn/


    knockback.js、vue.js、canjs、agility.js、avalon.js、sammy.js、batman.js等等


    框架评论:http://www.infoq.com/cn/news/2012/05/js-mvc-framework/
    框架示例:http://todomvc.com/






    前端交互体验框架(滚轮机制)
    Mobiscroll:mobiscroll.com






    相关类库及框架
    coffeescript:代码比jquery更优雅、具有一些新特性,可结合JQuery类库一起使用
    zeptojs:兼容大部分jquery类库功能,容量极小,但部分函数得到的值与jquery的不一致,且不兼容IE,foundation 5 放弃了zepto.js
    underscore:增强集合处理、模板机制
    seajs:模块化开发、源自taobao
    dojo:互联网应用程序(Rich Internet Application,RIA)的一个JavaScript Toolkit(含有类库、组件、集合IO等)


    grunt:基于npm的项目自动化创建的前端构建工具、脚本样式处理压缩,可扩展的js集合及管理、与其它框架配合丰富
    gulp:基于npm的项目的流式IO的前端构建工具,与grunt是同类产品,控制上比grunt优秀,学习快,配置简单,是新起之秀, 但js的插件量没有成熟的grunt多
    bower:基于npm的前端包管理器


    composer:基于php的前端包管理器

    angularjs教程:

    http://wenku.baidu.com/link?url=4pcM66OO_eA6LJncX0ZI5pr9DYMLKHgzl1W5zwfagkqmBNmD_93wdgWeYhBT1ZsW1tprZHjGkFxmZ3NtMKOx8MHYxZCMkokEFqvAVpaxUQm

    http://wenku.baidu.com/link?url=MWTjbCcnfAlK9zFBPCO_6ejU7dz-VXky8NPq5n80R8yocwqtBT32iWYFiY6rpwhZgPUYSusFyxWUhb6H9VutC7RXBTETMHjqvN6YwnJEIe7&pn=51

  • 相关阅读:
    新一代MQ apache pulsar的架构与核心概念
    Flutter使用fluwx实现微信分享
    BZOJ3622 已经没有什么好害怕的了 动态规划 容斥原理 组合数学
    NOIP2016提高组Day1T2 天天爱跑步 树链剖分 LCA 倍增 差分
    Codeforces 555C Case of Chocolate 其他
    NOIP2017提高组Day2T3 列队 洛谷P3960 线段树
    NOIP2017提高组Day2T2 宝藏 洛谷P3959 状压dp
    NOIP2017提高组Day1T3 逛公园 洛谷P3953 Tarjan 强连通缩点 SPFA 动态规划 最短路 拓扑序
    Codeforces 873F Forbidden Indices 字符串 SAM/(SA+单调栈)
    Codeforces 873E Awards For Contestants ST表
  • 原文地址:https://www.cnblogs.com/shiningrise/p/5830185.html
Copyright © 2011-2022 走看看