zoukankan      html  css  js  c++  java
  • 程序员Web面试之前端框架等知识

    基于前面2篇博客:image

    您已经可以顺利进入Web开发的大门。

    但是要动手干,还需要了解一些已有的前端框架、UI套件,即要站在巨人肩膀上而不是从轮子开始造汽车. 下面就Web开发用到的前端框架、UI套件、UI插件一一列举(排名不分先后):

    jQuery UI

    image

    jQuery UI以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只要您学会使用其中一个,您就知道如何使用其他的小部件(Widget)。

    jQuery UI 与 jquery 的主要区别是:

    (1) jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。

    (2) jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等。

    ExtJS

    image

    ExtJS 是最流行的 JavaScript 框架之一,提供了非常丰富的 UI 组件,包括高性能的数据表格、图表、选项卡、弹窗、工具条和菜单等等整套的 Web UI 组件,可以帮助你构建用户体验良好的 Web 应用。

    ExtJs初期仅是对Yahoo! UI的对话框扩展,后来逐渐有了自己的特色,深受网友的喜爱。 发展至今, Ext除YUI外还支持Jquery、Prototype等的多种JS底层库,让大家自由地选择。该框架完全基于纯Html/CSS+JS技术,提供丰富的跨浏览器UI组件,灵活采用JSON/XML数据源开发,使得服务端表示层的负荷真正减轻,从而达到客户端的MVC应用!

    Dojo Toolkit

    image

    Dojo 自从诞生那天起就成为了 ExtJS 的有力竞争者,它最大的优势在于免费,可以在商业项目中自由使用。Dojo 由 sitepen 创建,其口号是:Unbeatable JavaScript Tools。

    Qooxdoo

    image

    Qooxdoo 是一个开源的 JavaScript 框架,让开发者能够通过面向对象的 JavaScript 开发者令人印象深刻的 Web 应用。Qooxdoo 由 1&1 公司维护,在线示例:http://qooxdoo.org/demos

    Angular js

    image

    是一款开源 JavaScript函式库,由Google推出的一款Web应用开发框架。它提供了一系列兼容性良好并且可扩展的服务,包括数据绑定、DOM操作、MVC设计模式和模块加载等。AngularJS 不仅仅是一个类库,而是提供了一个完整的框架。它避免了您和多个类库交互,需要熟悉多套接口的繁琐工作。它由Google Chrome的开发人员设计,引领着下一代Web应用开发。

    了解AngularJS的开发人员,你肯定会为AngularJS自定义指令(它的功能相当于.NET 平台下的自定义控件)功能感到兴奋。自定义指令允许你扩展HTML标签和特性。指令可以复用并且可以跨项目使用。

    深入阅读博客:带你走近AngularJS - 基本功能介绍

                         Angular.js为什么如此火呢?

    Knockout js

    image

    Knockoutjs是一个JavaScript实现的MVVM框架。主要有如下几个功能:

    1. Declarative bindings

    2. Observables and dependency tracking

    3. Templating

    它对于分离前台的业务逻辑和视图简化数据绑定过程有显著的作用。

    官网例子:http://knockoutjs.com/examples/helloWorld.html

    Bootstrap

    image

    Twitter推出,一个开源的用于前端开发的工具包。

    它由Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,由动态CSS语言LESS写成,与CSS 框架Blueprint存在很多相似之处。Bootstrap一经推出便颇受欢迎,一直是GitHub上的热门开源项目。Bootstrap为我们的网站快速搭建提供了不错的工具和思路,这个工具集将拥有更旺盛的生命力。

    Wijmo

    image

    在线演示地址:http://wijmo.gcpowertools.com.cn/demos/

    Wijmo是基于jQuery和jQuery UI构建出一整套组件集合,正是得力于轻量级的jQuery UI框架,Wijmo中的每个组件都拥有丰富的功能、易使用、极佳的性能。目前最新版本是2014V1。Wijmo部件进行了优化客户端Web开发和利用jQuery的优越的性能和易用性的力量。所有的Wijmo部件都配备了20多个主题和支持ThemeRoller。

    Wijimo进入国内时间较短,属于是Web前端框架的一匹黑马:已在中国组建研发团队和对技术社区投入。

    以上的Web框架、UI套件,你用过哪几个?  欢迎评论和交流。

  • 相关阅读:
    一个好的时间函数
    Codeforces 785E. Anton and Permutation
    Codeforces 785 D. Anton and School
    Codeforces 510 E. Fox And Dinner
    Codeforces 242 E. XOR on Segment
    Codeforces 629 E. Famil Door and Roads
    Codeforces 600E. Lomsat gelral(Dsu on tree学习)
    Codeforces 438D The Child and Sequence
    Codeforces 729E Subordinates
    【ATcoder】D
  • 原文地址:https://www.cnblogs.com/powertoolsteam/p/Web_Interview_Framework.html
Copyright © 2011-2022 走看看