基于前面2篇博客:
堅守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價值觀,專業(yè)網(wǎng)站建設(shè)服務(wù)10余年為成都成都咖啡廳設(shè)計小微創(chuàng)業(yè)公司專業(yè)提供成都定制網(wǎng)頁設(shè)計營銷網(wǎng)站建設(shè)商城網(wǎng)站建設(shè)手機網(wǎng)站建設(shè)小程序網(wǎng)站建設(shè)網(wǎng)站改版,從內(nèi)容策劃、視覺設(shè)計、底層架構(gòu)、網(wǎng)頁布局、功能開發(fā)迭代于一體的高端網(wǎng)站建設(shè)服務(wù)。
程序員Web面試之jQuery
程序員Web面試之JSON
您已經(jīng)可以順利進入Web開發(fā)的大門。
但是要動手干,還需要了解一些已有的前端框架、UI套件,即要站在巨人肩膀上而不是從輪子開始造汽車. 下面就Web開發(fā)用到的前端框架、UI套件、UI插件一一列舉(排名不分先后):
jQuery UI以 jQuery 為基礎(chǔ)的開源 JavaScript 網(wǎng)頁用戶界面代碼庫。包含底層用戶交互、動畫、特效和可更換主題的可視控件。包含了許多維持狀態(tài)的小部件(Widget),因此,它與典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只要您學(xué)會使用其中一個,您就知道如何使用其他的小部件(Widget)。
jQuery UI 與 jquery 的主要區(qū)別是:
(1) jQuery是一個js庫,主要提供的功能是選擇器,屬性修改和事件綁定等等。
(2) jQuery UI則是在jQuery的基礎(chǔ)上,利用jQuery的擴展性,設(shè)計的插件。提供了一些常用的界面元素,諸如對話框、拖動行為、改變大小行為等等。
ExtJS 是最流行的 JavaScript 框架之一,提供了非常豐富的 UI 組件,包括高性能的數(shù)據(jù)表格、圖表、選項卡、彈窗、工具條和菜單等等整套的 Web UI 組件,可以幫助你構(gòu)建用戶體驗良好的 Web 應(yīng)用。
ExtJs初期僅是對Yahoo! UI的對話框擴展,后來逐漸有了自己的特色,深受網(wǎng)友的喜愛。 發(fā)展至今, Ext除YUI外還支持Jquery、Prototype等的多種JS底層庫,讓大家自由地選擇。該框架完全基于純Html/CSS+JS技術(shù),提供豐富的跨瀏覽器UI組件,靈活采用JSON/XML數(shù)據(jù)源開發(fā),使得服務(wù)端表示層的負荷真正減輕,從而達到客戶端的MVC應(yīng)用!
Dojo 自從誕生那天起就成為了 ExtJS 的有力競爭者,它最大的優(yōu)勢在于免費,可以在商業(yè)項目中自由使用。Dojo 由 sitepen 創(chuàng)建,其口號是:Unbeatable JavaScript Tools。
Qooxdoo 是一個開源的 JavaScript 框架,讓開發(fā)者能夠通過面向?qū)ο蟮?JavaScript 開發(fā)者令人印象深刻的 Web 應(yīng)用。Qooxdoo 由 1&1 公司維護,在線示例:http://qooxdoo.org/demos。
是一款開源 JavaScript函式庫,由Google推出的一款Web應(yīng)用開發(fā)框架。它提供了一系列兼容性良好并且可擴展的服務(wù),包括數(shù)據(jù)綁定、DOM操作、MVC設(shè)計模式和模塊加載等。AngularJS 不僅僅是一個類庫,而是提供了一個完整的框架。它避免了您和多個類庫交互,需要熟悉多套接口的繁瑣工作。它由Google Chrome的開發(fā)人員設(shè)計,引領(lǐng)著下一代Web應(yīng)用開發(fā)。
了解AngularJS的開發(fā)人員,你肯定會為AngularJS自定義指令(它的功能相當(dāng)于.NET 平臺下的自定義控件)功能感到興奮。自定義指令允許你擴展HTML標(biāo)簽和特性。指令可以復(fù)用并且可以跨項目使用。
深入閱讀博客:帶你走近AngularJS - 基本功能介紹
Angular.js為什么如此火呢?
Knockoutjs是一個JavaScript實現(xiàn)的MVVM框架。主要有如下幾個功能:
1. Declarative bindings
2. Observables and dependency tracking
3. Templating
它對于分離前臺的業(yè)務(wù)邏輯和視圖簡化數(shù)據(jù)綁定過程有顯著的作用。
官網(wǎng)例子:http://knockoutjs.com/examples/helloWorld.html
Twitter推出,一個開源的用于前端開發(fā)的工具包。
它由Mark Otto和Jacob Thornton合作開發(fā),是一個CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范,由動態(tài)CSS語言LESS寫成,與CSS 框架Blueprint存在很多相似之處。Bootstrap一經(jīng)推出便頗受歡迎,一直是GitHub上的熱門開源項目。Bootstrap為我們的網(wǎng)站快速搭建提供了不錯的工具和思路,這個工具集將擁有更旺盛的生命力。
在線演示地址:http://wijmo.gcpowertools.com.cn/demos/
Wijmo是基于jQuery和jQuery UI構(gòu)建出一整套組件集合,正是得力于輕量級的jQuery UI框架,Wijmo中的每個組件都擁有豐富的功能、易使用、極佳的性能。目前最新版本是2014V1。Wijmo部件進行了優(yōu)化客戶端Web開發(fā)和利用jQuery的優(yōu)越的性能和易用性的力量。所有的Wijmo部件都配備了20多個主題和支持ThemeRoller。
Wijimo進入國內(nèi)時間較短,屬于是Web前端框架的一匹黑馬:已在中國組建研發(fā)團隊和對技術(shù)社區(qū)投入。
以上的Web框架、UI套件,你用過哪幾個? 歡迎評論和交流。