程式設計師Web面試之前端框架等知識
您已經可以順利進入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 – 基本功能介紹
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。
本文轉自 powertoolsteam 51CTO部落格,原文連結:http://blog.51cto.com/powertoolsteam/1433978,如需轉載請自行聯絡原作者
相關文章
- 好程式設計師分享Web前端知識之HTML程式設計師Web前端HTML
- 好程式設計師web前端分享web前端入門知識程式設計師Web前端
- 好程式設計師web前端分享Cookie知識程式設計師Web前端Cookie
- 好程式設計師web前端教程分享web前端基礎知識程式設計師Web前端
- 好程式設計師web前端分享CSS基礎知識之position程式設計師Web前端CSS
- 好程式設計師web前端教程分享web前端入門基礎知識程式設計師Web前端
- 好程式設計師Web前端分享一些小知識!程式設計師Web前端
- 好程式設計師web前端培訓分享面試題Session、Cookie基礎知識程式設計師Web前端面試題SessionCookie
- Web前端進階之JavaScript模組化程式設計知識Web前端JavaScript程式設計
- Web設計師需要程式設計知識嗎?Web程式設計
- 好程式設計師web前端乾貨之web前端開發框架彙總程式設計師Web前端框架
- 好程式設計師web前端教程分享JS基礎知識程式設計師Web前端JS
- 好程式設計師Java培訓面試進階知識點之微服務框架程式設計師Java面試微服務框架
- 好程式設計師web前端培訓分享JavaScript相關知識程式設計師Web前端JavaScript
- web前端開發面試必看知識點總結,適用:月薪15k+程式設計師Web前端面試程式設計師
- Web前端必備基礎知識點,百萬程式設計師:牛逼!Web前端程式設計師
- 好程式設計師Web前端培訓入門之JS基礎知識梳理彙總程式設計師Web前端JS
- JAVA程式設計師面試之《葵花寶典》等Java程式設計師面試
- 好程式設計師web前端培訓分享CSS基礎知識學習程式設計師Web前端CSS
- 好程式設計師web前端教程分享JavaScript面試題程式設計師Web前端JavaScript面試題
- 好程式設計師web前端分享常見面試題程式設計師Web前端面試題
- 好程式設計師Web前端教程分享新手應該瞭解的Cookie知識!程式設計師Web前端Cookie
- 好程式設計師web前端培訓分享Vue面試題程式設計師Web前端Vue面試題
- 好程式設計師web前端培訓分享JavaScript框架J程式設計師Web前端JavaScript框架
- 好程式設計師前端教程CSS基礎知識點程式設計師前端CSS
- 好程式設計師web前端教程JavaScript系列之HTTP程式設計師Web前端JavaScriptHTTP
- 好程式設計師HTML5大前端分享web前端面試題程式設計師HTML前端Web面試題
- 前端程式設計師面試十八套路前端程式設計師面試
- Web設計師需要編碼知識嗎?Web
- 好程式設計師Web前端培訓分享jQuery面試題梳理程式設計師Web前端jQuery面試題
- 好程式設計師web前端教程分享Vue.js面試題程式設計師Web前端Vue.js面試題
- 好程式設計師web前端教程分享HTML5面試技巧程式設計師Web前端HTML面試
- 好程式設計師web前端教程分享Jquery常見面試題程式設計師Web前端jQuery面試題
- 程式設計師的知識管理程式設計師
- 好程式設計師web前端學習路線分享前端基礎面試題程式設計師Web前端面試題
- 好程式設計師web前端教程分享前端三大框架有哪些異同程式設計師Web前端框架
- 好程式設計師web前端教程分享三大前端框架相關問題程式設計師Web前端框架
- 好程式設計師web前端系列之css3動畫程式設計師Web前端CSSS3動畫