前端框架和工具知识总结
本帖最后由 断天涯大虾 于 2016-10-12 09:41 编辑http://images.cnitblog.com/blog/139239/201407/031343280273342.png基于前面2篇博客：
[*]最全的jQuery知识汇总
[*]JSON--JavaScript对象表示法的基础知识介绍
您已经可以顺利进入Web开发的大门。但是要动手干，还需要了解一些已有的前端框架、UI套件，即要站在巨人肩膀上而不是从轮子开始造汽车. 下面就Web开发用到的前端框架、UI套件、UI插件一一列举(排名不分先后）：
jQuery UIhttp://images.cnitblog.com/blog/139239/201407/031343293555315.pngjQuery UI以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。包含了许多维持状态的小部件（Widget），因此，它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件（Widget）使用相同的模式，所以，只要您学会使用其中一个，您就知道如何使用其他的小部件（Widget）。jQuery UI 与 jquery 的主要区别是：(1) jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。(2) jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等。
ExtJShttp://images.cnitblog.com/blog/139239/201407/031343304651988.pngExtJS 是最流行的 JavaScript 框架之一，提供了非常丰富的 UI 组件，包括高性能的数据表格、图表、选项卡、弹窗、工具条和菜单等等整套的 Web UI 组件，可以帮助你构建用户体验良好的 Web 应用。ExtJs初期仅是对Yahoo! UI的对话框扩展，后来逐渐有了自己的特色，深受网友的喜爱。 发展至今， Ext除YUI外还支持Jquery、Prototype等的多种JS底层库，让大家自由地选择。该框架完全基于纯Html/CSS+JS技术，提供丰富的跨浏览器UI组件，灵活采用JSON/XML数据源开发，使得服务端表示层的负荷真正减轻，从而达到客户端的MVC应用！
Dojo Toolkithttp://images.cnitblog.com/blog/139239/201407/031343312931173.pngDojo 自从诞生那天起就成为了 ExtJS 的有力竞争者，它最大的优势在于免费，可以在商业项目中自由使用。Dojo 由 sitepen 创建，其口号是：Unbeatable JavaScript Tools。
Qooxdoohttp://images.cnitblog.com/blog/139239/201407/031343321689073.pngQooxdoo 是一个开源的 JavaScript 框架，让开发者能够通过面向对象的 JavaScript 开发者令人印象深刻的 Web 应用。Qooxdoo 由 1&1 公司维护，在线示例：http://qooxdoo.org/demos。
Angular jshttp://images.cnitblog.com/blog/139239/201407/031343330437973.png是一款开源 JavaScript函式库，由Google推出的一款Web应用开发框架。它提供了一系列兼容性良好并且可扩展的服务，包括数据绑定、DOM操作、MVC设计模式和模块加载等。AngularJS 不仅仅是一个类库，而是提供了一个完整的框架。它避免了您和多个类库交互，需要熟悉多套接口的繁琐工作。它由Google Chrome的开发人员设计，引领着下一代Web应用开发。了解AngularJS的开发人员，你肯定会为AngularJS自定义指令（它的功能相当于.NET 平台下的自定义控件）功能感到兴奋。自定义指令允许你扩展HTML标签和特性。指令可以复用并且可以跨项目使用。深入阅读博客：带你走近AngularJS - 基本功能介绍 Angular.js为什么如此火呢？
Knockout jshttp://images.cnitblog.com/blog/139239/201407/031343338409318.pngKnockoutjs是一个JavaScript实现的MVVM框架。主要有如下几个功能：1. Declarative bindings2. Observables and dependency tracking3. Templating它对于分离前台的业务逻辑和视图简化数据绑定过程有显著的作用。官网例子：http://knockoutjs.com/examples/helloWorld.html
Bootstrap：http://images.cnitblog.com/blog/139239/201407/031343347304990.pngTwitter推出，一个开源的用于前端开发的工具包。它由Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，由动态CSS语言LESS写成，与CSS 框架Blueprint存在很多相似之处。Bootstrap一经推出便颇受欢迎，一直是GitHub上的热门开源项目。Bootstrap为我们的网站快速搭建提供了不错的工具和思路，这个工具集将拥有更旺盛的生命力。
Wijmohttp://images.cnitblog.com/blog/139239/201407/031343354659848.png在线演示地址：http://wijmo.gcpowertools.com.cn/demos/Wijmo是基于jQuery和jQuery UI构建出一整套组件集合，正是得力于轻量级的jQuery UI框架，Wijmo中的每个组件都拥有丰富的功能、易使用、极佳的性能。目前最新版本是2014V1。Wijmo部件进行了优化客户端Web开发和利用jQuery的优越的性能和易用性的力量。所有的Wijmo部件都配备了20多个主题和支持ThemeRoller。Wijimo进入国内时间较短，属于是Web前端框架的一匹黑马：已在中国组建研发团队和对技术社区投入。
以上的Web框架、UI套件，你用过哪几个？欢迎评论和交流。
页:
[1]