目前最流行的網站開發框架

最流行的五個前端框架：

Bootstrap

Bootstrap是目前可用框架中無可爭議的領導者。Bootstrap是Twitter推出的一個用於前端開發的開源工具包。它由Twitter的設計師Mark Otto和Jacob Thornton合做開發,是一個CSS/HTML框架。

• 創做者： Mark Otto 和 Jacob Thornton.
• 發行： 2011
• 當前版本： 3.3.7
• 人氣： GitHub上有111,000顆星
• 說明： 「Bootstrap是最流行的HTML，CSS和JavaScript框架，用於在網絡上開發響應式、移動的Web項目。
• 核心概念/原則： RWD和移動端優先。
• 框架大小： 154 KB
• 預處理器： Less和Sass
• 響應式佈局：是
• 模塊化：是
• 啓動模板/佈局：是
• 圖標集： Glyphicons Halflings設置
• 附加/附件：無捆綁，許多第三方插件可用。
• 獨特組件： Jumbotron
• 文檔資源：良好
• 自定製：基本GUI定製器。可是你須要手動輸入顏色值，由於沒有顏色選擇器可用。
• 瀏覽器支持： Firefox，Chrome，Safari，IE8 +（您須要IE8的Respond.js）
• 許可證： MIT

Bootstrap說明

Bootstrap的普遍流行是它的優點所在。在技術上，它不必定比列表中的其它框架更好，但它提供了比其它四個框架更多的資源（文章和教程、第三方插件和擴展、主題構建器等）。簡而言之，Bootstrap 無處不在，這是人們繼續選擇的主要緣由。

 

Foundation

Foundation是排在第二名，是一個HTML/CSS/JS框架。ZURB這樣堅實的公司一直支持着Foundation，因此這個框架有強大的基礎。Foundation現已用於許多大型網站，包括Facebook，Mozilla，Ebay，Yahoo！和國家地理等。

 

• 創做者： ZURB
• 發行： 2011
• 當前版本： 6.3.1
• 人氣： GitHub上有25,400顆星
• 說明： 「世界上最早進的響應式前端框架」
• 核心概念/原則： RWD，移動端優先，語義。
• 框架大小： 197.5 KB
• 預處理器： Sass
• 響應式佈局：是
• 模塊化：是
• 啓動模板/佈局：是
• 圖標集： 基礎圖標字體
• 額外/附加組件：是
• 獨特的組件： Icon Bar, Clearing Lightbox, Flex Video, Keystrokes, Joyride, Pricing Tables
• 文檔資源：良好，還有許多額外資源。
• 自定製：基本的GUI定製程序，相似於Bootstrap定製工具。
• 瀏覽器支持： Chrome，Firefox，Safari，IE9 +; iOS，Android，Windows Phone 7+
• 許可證：MIT

Foundation說明

Foundation是一個真正的專業框架，提供業務支持、培訓和諮詢。它還提供了許多資源來幫助你更快更輕鬆地學習和使用該框架。

 

Semantic UI

 Semantic UI是一套開源的 CSS與 JavaScript框架。它利用天然語言原理，從而使代碼更加可讀和可理解。

 

• 創做者： Jack Lukic
• 發行： 2013
• 當前版本： 2.2
• 人氣： GitHub上有34,762顆星
• 說明： 「基於天然語言原則的UI組件框架」。
• 核心概念/原則：Semantic, tag ambivalence, responsive。
• 框架大小： 806 KB
• 預處理器：少
• 響應式佈局：是
• 模塊化：是
• 啓動模板/佈局：是，並提供了一些基本的入門模板
• 圖標集： Font Awesome
• 額外/附加組件：否
• 獨特的部件：Divider, Flag, Rail, Reveal, Step, Advertisement, Card, Feed, Item, Statistic, Dimmer, Rating, Shape。
• 文檔資源：很是好，Semantic提供了一個很是有組織的文檔，另外還有一個單獨的網站提供入門指南、自定義和建立主題。
• 自定義：沒有GUI定製器，只有手動定製。
• 瀏覽器支持： Firefox，Chrome，Safari，IE10 +（僅IE9瀏覽器前綴），Android 4，Blackberry 10
• 許可證：MIT

Semantic UI說明

Semantic是這裏所討論的全部框架中，最具創新性和全功能的框架。其框架的整體結構、類中清晰邏輯的命名約定方式和語義方面也超過了其它框架。

Pure

Pure是一種輕量級的模塊化框架，採用純CSS編寫，具備可根據須要一塊兒使用或單獨使用的組件。

 

• 創做者：雅虎
• 發行： 2013
• 當前版本： 0.6.2
• 流行度： GitHub上有16,637顆星
• 說明： 「一套小而靈活的CSS模塊，可以在每一個Web項目中使用。」
• 核心概念/原則： SMACSS，極簡主義。
• 框架大小： 16 KB
• 預處理：無
• 響應式佈局：是
• 模塊化：是
• 啓動模板/佈局：是
• 圖標集：無。能夠改用Font Awesome。
• 額外/附加組件：無
• 獨特組件：無
• 文檔資源：很好
• 自定義：基本GUI皮膚生成器
• 瀏覽器支持：最新版本的Firefox，Chrome，Safari; IE7 +; iOS 6.x，7.x; Android 4.x
• 許可證： Yahoo! Inc. BSD

Pure說明

Pure爲你的項目提供了一個乾淨的開始，只提供基本框架。對於不須要全功能框架但僅包含在其工做中的特定組件的人來講，pures是一個理想的選擇。

 

UIkit

UIkit 是 YOOtheme 團隊開發的一款輕量級、模塊化的前端框架，是一個易於使用和自定義的組件的簡潔集合，可快速構建強大的web前端界面。UIKit提供了全面的HTML、CSS及JS組件。

 

UIkit說明

UIkit成功應用在許多WordPress主題中。它提供了靈活和強大的手動定製機制（之前版本的框架還提供了高級GUI定製程序）。

轉自：https://blog.csdn.net/phj_88/article/details/80782409

 

最流行的後臺框架：

Hibernate

SSH是 struts+spring+hibernate的一個集成框架，是目前比較流行的一種Web應用程序開源框架。區別於 Secure Shell 。

其中的Hibernate是一個開放源代碼的對象關係映射框架，它對JDBC進行了很是輕量級的對象封裝，使得Java程序員能夠爲所欲爲的使用對象編程思惟來操縱數據庫。 Hibernate能夠應用在任何場合使用JDBC，既能夠在Java的客戶端程序使用，也能夠在Servlet/JSP的Web應用中使用，最具革命意義的是，Hibernate能夠在應用EJB的J2EE架構中取代CMP，完成數據持久化的重任。

Hibernate的核心接口一共有5個，分別爲:Session、SessionFactory、Transaction、Query和Configuration。這5個核心接口在任何開發中都會用到。經過這些接口，不只能夠對持久化對象進行存取，還可以進行事務控制。下面對這五個核心接口分別加以介紹。

·Session接口:Session接口負責執行被持久化對象的CRUD操做(CRUD的任務是完成與數據庫的交流，包含了不少常見的SQL語句。)。但須要注意的是Session對象是非線程安全的。同時，Hibernate的session不一樣於JSP應用中的HttpSession。這裏當使用session這個術語時，其實指的是Hibernate中的session，而之後會將HttpSession對象稱爲用戶session。

·SessionFactory接口:SessionFactory接口負責初始化Hibernate。它充當數據存儲源的代理，並負責建立Session對象。這裏用到了工廠模式。須要注意的是SessionFactory並非輕量級的，由於通常狀況下，一個項目一般只須要一個SessionFactory就夠，當須要操做多個數據庫時，能夠爲每一個數據庫指定一個SessionFactory。

·Configuration接口:Configuration接口負責配置並啓動Hibernate，建立SessionFactory對象。在Hibernate的啓動的過程當中，Configuration類的實例首先定位映射文檔位置、讀取配置，而後建立SessionFactory對象。

·Transaction接口:Transaction接口負責事務相關的操做。它是可選的，開發人員也能夠設計編寫本身的底層事務處理代碼。

·Query和Criteria接口:Query和Criteria接口負責執行各類數據庫查詢。它可使用HQL語言或SQL語句兩種表達方式。

axis

axis全稱Apache Extensible Interaction System 即阿帕奇可擴展交互系統。Axis本質上就是一個SOAP引擎，提供建立服務器端、客戶端和網關SOAP操做的基本框架。Axis目前版本是爲Java編寫的，不過爲C++的版本正在開發中。但Axis並不徹底是一個SOAP引擎，它仍是一個獨立的SOAP服務器和一個嵌入Servlet引擎(例如Tomcat)的服務器。