程序員Web面試以前端框架等知識

基於前面2篇博客：

• 程序員Web面試之jQuery

• 程序員Web面試之JSON

您已經能夠順利進入Web開發的大門。

可是要動手幹，還須要瞭解一些已有的前端框架、UI套件，即要站在巨人肩膀上而不是從輪子開始造汽車. 下面就Web開發用到的前端框架、UI套件、UI插件一一列舉(排名不分前後）：

jQuery UI

jQuery UI以 jQuery 爲基礎的開源 JavaScript 網頁用戶界面代碼庫。包含底層用戶交互、動畫、特效和可更換主題的可視控件。包含了許多維持狀態的小部件（Widget），所以，它與典型的 jQuery 插件使用模式略有不一樣。全部的 jQuery UI 小部件（Widget）使用相同的模式，因此，只要您學會使用其中一個，您就知道如何使用其餘的小部件（Widget）。

jQuery UI 與 jquery 的主要區別是：

(1) jQuery是一個js庫，主要提供的功能是選擇器，屬性修改和事件綁定等等。

(2) jQuery UI則是在jQuery的基礎上，利用jQuery的擴展性，設計的插件。提供了一些經常使用的界面元素，諸如對話框、拖動行爲、改變大小行爲等等。

ExtJS

ExtJS 是最流行的 JavaScript 框架之一，提供了很是豐富的 UI 組件，包括高性能的數據表格、圖表、選項卡、彈窗、工具條和菜單等等整套的 Web UI 組件，能夠幫助你構建用戶體驗良好的 Web 應用。

ExtJs初期僅是對Yahoo! UI的對話框擴展，後來逐漸有了本身的特點，深受網友的喜好。 發展至今， Ext除YUI外還支持Jquery、Prototype等的多種JS底層庫，讓你們自由地選擇。該框架徹底基於純Html/CSS+JS技術，提供豐富的跨瀏覽器UI組件，靈活採用JSON/XML數據源開發，使得服務端表示層的負荷真正減輕，從而達到客戶端的MVC應用！

Dojo Toolkit

Dojo 自從誕生那天起就成爲了 ExtJS 的有力競爭者，它最大的優點在於免費，能夠在商業項目中自由使用。Dojo 由 sitepen 建立，其口號是：Unbeatable JavaScript Tools。

Qooxdoo

Qooxdoo 是一個開源的 JavaScript 框架，讓開發者可以經過面向對象的 JavaScript 開發者使人印象深入的 Web 應用。Qooxdoo 由 1&1 公司維護，在線示例：http://qooxdoo.org/demos。

Angular js

是一款開源 JavaScript函式庫，由Google推出的一款Web應用開發框架。它提供了一系列兼容性良好而且可擴展的服務，包括數據綁定、DOM操做、MVC設計模式和模塊加載等。AngularJS 不只僅是一個類庫，而是提供了一個完整的框架。它避免了您和多個類庫交互，須要熟悉多套接口的繁瑣工做。它由Google Chrome的開發人員設計，引領着下一代Web應用開發。

瞭解AngularJS的開發人員，你確定會爲AngularJS自定義指令（它的功能至關於.NET 平臺下的自定義控件）功能感到興奮。自定義指令容許你擴展HTML標籤和特性。指令能夠複用而且能夠跨項目使用。

深刻閱讀博客：帶你走近AngularJS - 基本功能介紹

                     Angular.js爲何如此火呢？

Knockout js

Knockoutjs是一個JavaScript實現的MVVM框架。主要有以下幾個功能：
1. Declarative bindings
2. Observables and dependency tracking
3. Templating
它對於分離前臺的業務邏輯和視圖簡化數據綁定過程有顯著的做用。
官網例子：http://knockoutjs.com/examples/helloWorld.html

Bootstrap：

Twitter推出，一個開源的用於前端開發的工具包。

它由Mark Otto和Jacob Thornton合做開發，是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規範，由動態CSS語言LESS寫成，與CSS 框架Blueprint存在不少類似之處。Bootstrap一經推出便頗受歡迎，一直是GitHub上的熱門開源項目。Bootstrap爲咱們的網站快速搭建提供了不錯的工具和思路，這個工具集將擁有更旺盛的生命力。

Wijmo

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

Wijmo是基於jQuery和jQuery UI構建出一整套組件集合，正是得力於輕量級的jQuery UI框架，Wijmo中的每一個組件都擁有豐富的功能、易使用、極佳的性能。目前最新版本是2014V1。Wijmo部件進行了優化客戶端Web開發和利用jQuery的優越的性能和易用性的力量。全部的Wijmo部件都配備了20多個主題和支持ThemeRoller。

Wijimo進入國內時間較短，屬因而Web前端框架的一匹黑馬：已在中國組建研發團隊和對技術社區投入。

 

以上的Web框架、UI套件，你用過哪幾個？  歡迎評論和交流。