Web前端知識：前端框架的介紹

首先我想說明一下，咱們一般說的js不是框架，是語言，即javascript，據最新世界編程語言排行榜來看，已經上升到了第7位，發展迅猛，其標準是ECMAScript，如今基本上是基於ECMAScript5。jQuery是用js寫的框架，其在DOM操做上有很明顯的優點，也是時下很經常使用的一個js框架。
至於以外還要學習那些框架呢？
若是你說的是js框架，建議先掌握好jQuery，而後還有不少的，好比樓上提到的extjs，近幾年比較流行的AngularJS，基於移動端考慮的輕量級仿jquery框架zepto，還有jquery mobile，還有適合寫後端或服務端的node，等等。
若是是web前端框架，就不只僅是涉及的js了，還有html和css。我的以爲只有這三種語言都涉及到的框架才能說得上是web前端框架。如今比較火的是Bootstrap，還有Foundation，比較古老的有jqueryUI，easyUI等等，還有其餘不少不少。若是還有算上處理方案及版本升級代碼迭代等，就要用到百度團隊研發的fis這種了。其實內容真的不少不少，前端任重而道遠啊~

常見框架

一、flex

Apache基金會今天發佈了Flex 4.8版本，這是Adobe將Flex捐獻給Apache基金會後發佈的第一個版本。

 

須要注意的是，Flex目前還在孵化階段，還不是Apache的正式項目，Flex 4.8也不是一個正式的Apache版本。

Apache稱，該版本標誌着Flex新時代的開始，Flex的將來將由社區來驅動，而不是由一個公司驅動。開發者能夠經過貢獻代碼，來幫助改進Flex，如修復bug、增長功能等。

從Macromedia賣給Adobe，而後又捐給apache，不知道搞什麼名堂。不過還好沒有通過大幅重構，不然就真的是悲哀了！
 

二、extjs

ExtJS是一種主要用於建立前端用戶界面，是一個基本與後臺技術無關的前端ajax框架。

功能豐富，無人能出其右。

不管是界面之美，仍是功能之強，ext的表格控件都高居榜首。

 

華麗的界面，靈活的功能，還有開發工具都是配套的，但有個最大的問題，用就得花錢！
 

三、easyui

easyui幫助你構建你的web應用更加容易。

它是一個基於jquery的插件，開發出來的一套輕量級的ui框架，很是小巧並且功能豐富。

 

可是她有一個最大的問題就是代碼只能找到之前的開源的版本，到了1.2之後的版本源代碼都是通過混淆的，若是遇到問題修改起來會很是麻煩！不過一個比較大的優點是開源免費，而且界面作的還說的過去！
 

四、MiniUI

又一個基於jquery的框架，開發的界面功能都很豐富。

jQuery MiniUI – 快速開發WebUI。

它能縮短開發時間，減小代碼量，使開發者更專一於業務和服務端，輕鬆實現界面開發，帶來絕佳的用戶體驗。

使用MiniUI，開發者能夠快速建立Ajax無刷新、B/S快速錄入數據、CRUD、Master-Detail、菜單工具欄、彈出面板、佈局導航、數據驗證、分頁表格、樹、樹形表格等典型WEB應用系統界面。

界面作的挺不錯，功能也挺豐富，可是有兩個比較大的問題，一個是收費，一個是沒有源碼，說白了，不開源！基於這個開發若是想對功能作擴展就須要找他們的團隊進行升級！
 

五、jQuery UI

jQuery UI 是一套 jQuery 的頁面 UI 插件，包含不少種經常使用的頁面空間，例如 Tabs（如本站首頁右上角部分） 、拉簾效果（本站首頁左上角）、對話框、拖放效果、日期選擇、顏色選擇、數據排序、窗體大小調整等等很是多的內容。

功能很是全面，界面也挺漂亮的，能夠總體使用，也能夠分開使用其中的幾個模塊，免費開源！
 

六、DWZ

DWZ富客戶端框架(jQuery RIA framework), 是中國人本身開發的基於jQuery實現的Ajax RIA開源框架.

設計目標是簡單實用,快速開發,下降ajax開發成本。

歡迎你們提出建議，咱們將在下一版本中進一步調整和完善功能．共同推動國內總體ajax開發水平。

 

畢竟是國產的，支持一下，並且源碼徹底公開，能夠選擇一下！不過性能怎麼樣不敢肯定！
 

七、GWT

Google 網頁工具包——GWT 提供了一組基於Java語言的開發包，這個開發包的設計參考Java AWT包設計，類命名規則、接口設計、事件監聽等都和AWT很是相似。熟悉Java AWT的開發者不須要花費多大的力氣就可以快速的理解GWT開發工具包，將更多地時間投入到GWT應用的開發過程當中。

你不用去了解這樣那樣的javascript框架，經過java你就能夠寫出功能豐富的界面，能夠作單元測試，畢竟是google的產品，嚴重支持一下！
 

八、YUI

Yahoo! UI Library (YUI) 是一個開放源代碼的 JavaScript 函數庫，爲了能創建一個高互動的網頁，它採用了AJAX, DHTML 和 DOM 等程式碼技術。它也包含了許多 CSS 資源。使用受權爲 BSD許可證，基本上沒怎麼研究過！

YUI Compressor卻是挺出名的，這套UI庫不知道應用的狀況怎麼樣！

九、Sencha

Sencha 是由 ExtJS、jQTouch 以及 Raphael 三個項目合併而成的一個新項目。

大公司的框架，而且是幾樣庫的強強聯合，值得推薦！
 

十、Dojo

在國內應用好像不是很廣，不過性能上應該沒問題。

Dojo是一個用javascript語言實現的開源DHTML工具包。

有多個基金會的支持，包括IBM和SUN，都是軟件界的泰斗，值得信賴！
 

十一、ZK

ZK是 一套以 AJAX/XUL/Java 爲基礎的網頁應用程式開發框架，用於豐富網頁應用程式的使用接口。最大的好處是，在設計AJAX網絡應用程式時，輕鬆簡便的操做就像設計桌面程式同樣。 ZK包含了一個以AJAX爲基礎、事件驅動（event-driven）、高互動性的引擎，同時還提供了多樣豐富、可重複使用的XUL與HTML組件，以 及以 XML 爲基礎的使用接口設計語言 ZK User-interfaces Markup Language (ZUML)。

在線的demo

設計器的demo

日曆組件

功能豐富，全面，文檔齊全，並且升級了不少次，很是值得推薦！
 

十二、OperaMasks-UI

OperaMasks- UI是OperaMasks團隊 2011下半年打造的一款輕量級前端JS組件庫，旨在提供一款學習曲線低、定製性靈活、樣式統一，且多瀏覽器支持、覆蓋企業業務場景的前端 JavaScript UI組件庫。目前，該團隊已將這一產品以LGPL 開源協議開放給社區。

文檔豐富，功能齊全，並且很容易使用和開發！並且是國產的喲！
 

1三、JavaFX

Sun 公司(已於2009年被Oracle公司收購)在2008年12月05日發佈了JavaFX技術的正式版,它使您能利用 JavaFX 編程語言開發富互聯網應用程序(RIA)。JavaFX Script 編程語言（如下稱爲JavaFX）是Sun微系統公司開發的一種declarative, statically typed(聲明性的、靜態類型)腳本語言。JavaFX技術有着良好的前景，包括能夠直接調用Java API的能力。由於 JavaFX Script是靜態類型，它一樣具備結構化代碼、重用性和封裝性，如包、類、繼承和單獨編譯和發佈單元，這些特性使得使用Java技術建立和管理大型程序 變爲可能。

 

1四、Boostrap

好比最近很流行的Boostrap開發框架。它是Twitter公司開發的一個基於HTML、CSS和JavaScript的技術框架，集合了最新的前端技術，爲實現Web應用程序快速開發提供了一套前端工具包，包括佈局、柵格、表格、按鈕、表單、導航、提示等。項目始於2011年8月，至今纔剛滿兩年，可是Bootstrap旋風卻已刮遍了整個互聯網。各類較小的網站就不提了，國內外不少較有名的網站也採用了Bootstrap。對於設計能力不強也沒有太多時間去設計前端界面的用戶來講，Bootstrap價值巨大。Bootstrap的目的就是幫助開發人員快速開發原型，避免常常從零開始繪製白底黑邊的裸圖。

 

　　Bootstrap框架提供一級的視覺效果，且應用視覺效果是一致的，這一點實際上是很難實現的。使用Bootstrap能夠確保整個Web應用程序的風格徹底一致，用戶體驗一致，操做習慣一致。若是但願整個網站的連接、按鈕、提醒都有統一的視覺效果，那就應該絕不猶豫地選擇Bootstrap，此外它還能夠對不一樣級別的提醒使用不一樣的顏色。

以上這些框架雖然有些已通過時了，但他們的設計思惟值得咱們學習，框架沒有好很差，看怎麼靈活運用，學習前端重在分享。

 

將來前端開發框架的發展將是如何？

 

應該是像谷歌的Angular這樣，前端不僅是顯示並且還要有功能，可以作到MVC實現對應的數據控制，實現數據綁定等。同時進一步封裝各類元素，減少JS的使用難度，讓開發人員調用簡單的方法或者函數就能完成各類效果和操做。前端開發框架將會爲用戶提供更好的視覺體驗，更加接近桌面應用程序的效果。並且之後配合瀏覽器應該可以超出瀏覽器邊框的限制等等。

 

web前端前景一片光明，參加知海匠庫(http://www.zhihaijiangku.com) web前端課程，快速入行就業。