前端組件庫和cms

1、會用DIV+CSS寫前端頁面後，如何和cms程序後台進行對接呢？

你好，這就需要用到後台語言了，比如php，你需要用php語言把想要的功能嵌套到靜態頁面中，還需要學習資料庫。

2、幾個Web前端開發框架的比較

Bootstrap

Bootstrap是目前可用框架中無可爭議的領導者。其人氣日益增長，你可以放心的選擇這個框架，而不必擔心項目會失敗，因為具有廣泛使用基礎的框架，不太可能被拋棄。

創作者： 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是排在第二名的框架。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是一個語義化設計的前端開源框架。它利用自然語言原理，從而使代碼更加可讀和可理解。

創作者： 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

發行： 2013

當前版本： 3.0.0

人氣：GitHub GitHub上有9,422顆星

說明： 「用於開發快速而強大的Web界面的輕量級和模塊化的前端框架」。

核心概念/原則： RWD，移動端優先

框架大小： 326.9 KB（如果包含uikit-icons.min.js與SVG圖標相關的功能，則為384.4 KB ）

預處理器：少，Sass

響應式布局：是

模塊化：是

啟動模板/布局：是

圖標集： UIkit自帶SVG圖標系統和類庫，其中包含越來越多的大綱圖標。

額外/附加組件：是

獨特的組件：Article, Flex, Cover, HTML Editor

文件：好

自定義：高級GUI定製程序僅在版本2（以前的版本）中可用

瀏覽器支持： Chrome，Firefox，Safari，IE9 +

許可證：MIT

UIkit說明

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

什麼是最適合你的框架？

在選擇框架時，可以從以下幾個方面考慮：

所選的框架有足夠的人氣嗎？更多的人氣意味著更多的人參與項目，也意味著有更多的教程和社區文章、更多的實例和網站、更多的第三方擴展、更好的相關的Web產品可與其集成。受歡迎程度也意味著框架更具前瞻性，因為具有更大社區的框架不太可能被拋棄。

框架是否正在積極發展？一個好的框架需要不斷地使用最新的web技術，特別是在移動端方面。

框架是否達到成熟？如果一個特定的框架在現實項目中還沒有被使用和測試，那麼將其用於你的專業項目，可能不是一個明智的選擇。

框架是否提供了良好的文檔？為了方便學習過程，總是需要良好的文檔。

框架的特異性是什麼？這里的要點是，與具有高級別特異性的框架相比，更通用的框架更容易使用。在大多數情況下，最好選擇一個應用最小樣式的框架，因為它更容易自定義。與重寫現有的CSS規則相比，添加新的CSS規則是一個更方便有效的做法。

如果你還不確定使用哪個框架，那麼可以採用混合搭配的方式。當某個特定的框架不能滿足你的需求時，可以混合使用兩個或多個項目的組件。

最後值得一提的是，現在Flexbox和Grid Layout在主流瀏覽器的最新版本中得到很好的支持，比以往任何時候都更容易構建復雜的布局。這可能會鼓勵更多的開發人員放棄前端框架，從頭開始編寫他們自己想要的布局。

來源：網頁鏈接

3、網站開發團隊是如何選擇cms系統或框架

看你什麼需求了，如果是一般的網站，推薦使用帝國CMS，這個系統我用了5年多了，沒聽說也沒遇到有漏洞！功能也很強大，就是有一個小的不算小的缺點，用帝國的人都知道「帝國無美工」，意思是，他們的程序很強大，但後台沒有進行美工設計規劃，看起來很老土！如果是大型或超大型流量網站，你們還是自己開發框架比較好！

4、網頁前端常用的庫或框架有哪些

bootstrap是twitter出的一款不錯的UI框架，或者與其說是框架不如說是類庫（lib），當然這里邊牽扯到一個「究竟什麼是框架什麼是類庫？」的問題，我們暫時不談。畢竟是有大公司背景的代碼堆，我覺得沒什麼「落伍」可言。
angular是前兩年之內突然火得一塌糊塗的一個fe框架，這個我覺得可以算的上是真正意義上的框架了，MVVM雙向綁定，包括它擁有足夠完善的社區、生態，甚至chrome上都有很多好用的相關插件（這一點可以說是佔了google出品的光），比較完整的大型項目都是可以考慮引入的。但如果你的網站只是做一些輕量級的東西，殺雞焉用宰牛刀吧我覺得。
backbone主要針對的MVC中的M層，至少我是這么理解的。對UI層它幾乎沒什麼太多的限制，一方面給出了coder自由度進行發揮，另一方面也等於在這方面框架本身對開發沒提供什麼太大的幫助。我覺得這更像是一個高手向的框架，另外對於underscore前端模板那一套東西，說實話作為一名php java啥都能寫的FE我始終覺得這套東西有那麼一種純JS工程師的一廂情願的意味。這是個人看法了，不一定準確，況且有人會搬出ajax動態渲染時 前端模板的作用來反駁我，別急著反駁，至少往下看完我說的話。
相比之下，react可以說是一個在MVC中V層做的十分出色和新穎的框架了，獨特的jsx編譯機制就已經讓你的代碼變得高大上了，我是覺得這個類庫在UI層做的更徹底更專業，或者說讓FE的代碼更專業了。更何況，react比angular更年輕，而且同樣擁有大公司背景，react native一出更是讓JS工程師的地位取得了革命性的提升，（不要跟我提phonegap，用過兩個東西後你會明白，react打包的app性能甩phonegap幾條街沒問題）。另外既然樓主提到了之前的網站是bootstrap，不妨可以看一看react-bootstrap這個東西，或許這就是你想要的。

5、前端組件和插件的區別

組件：組件這個詞通常是現在描述產品的時候出現，一個大的產品會有很多小的部專分組成，而屬小的部分除了是一個大的組件的部分以外，自己可能還包含更小的組件，所以組件是遞歸的，那麼組件到底是什麼呢？最常見的組件就是我們已經寫好的程序代碼，任何一小段代碼都可以是一個組件，它可以和其它代碼段連接起來組成更大的一段程序代碼，一個更大的組件，然後可能是一個函數，或者一個類程序單元，或者數個類單元文件的集成，當不同的組件的組裝形成更大的組件時候，我們實際就是在做我們通常提到的一件事情：集成，軟體中有很多集成工作要做，每日集成，重要版本集成等等。
插件：根據對組件和模塊的分析，插件屬於組件，而且還是一個程序模塊，也是一個功能模塊。插件是一種電腦程序，通過和應用程序的互動，來替應用程式增加一些特定的功能。
插件必須依賴於應用程序才能發揮自身功能，僅靠插件是無法正常運行的。

6、web前端中的UI組件庫和組件以及插件的關系區別是什麼？

？？？？？？
一樣啥啊一樣
UI組件庫：第三方在原有功能上封裝了一些方法供開內發者使用，並且修改容了樣式，直接用就行，例如：elementUI等

組件：將項目通用部分提取封裝為組件便於復用，開發者根據不同功能封裝不同組件，一般不會在組件中修改樣式，例如：將所有表單封裝為一個組件，這個組件中包含表單的確定重置校驗等其他表單原生功能
插件：用來實現某一功能，例如時間格式化、表格導出到Excel等
還一樣？？？還覺得一樣的話還是多看看文檔多敲敲代碼吧

7、web專業設計的和cms建站有什麼區別？後台是直接套用的嗎？

人們看到的網站只是網站的頁面，也就是你說的前端吧。

有的網站設計公司有自己編寫的網站後台，但是大多數公司都是用現成的CMS來做後台，只是稍加修改一下就成自己的了，只要功能夠，可以反復給多個客戶使用，這樣省時省事。每個客戶不同的只是網站的前端頁面了，專業美工設計的，也就是專為你一個客戶設計的前端，這個前端是CMS功能的體現，這個是很貴的，一個網站做下來最少也得上萬。不是所有公司都有這個預算的，所以很多客戶會考慮用現成的模板來做，來降低成本。
一個設計網站的公司會有成百上千套的模板，你選個模板，他幫你修改一下內容，很快網站就能上線了。所以說兩者的區別是一個要一點一點來做，一個是現成的。
把一個模板嵌入到後台，這個需要專業的html、CSS、資料庫等知識，還要對CMS有足夠的認識了解才行做到，三言兩語是說不清楚的。
想了解CMS？哥介紹幾個給你看看，比如帝國cms、動易cms、dedecms、sitesevercms、wordpress等等，這個不難學，上述介紹的幾個cms的官網有很多教程，也有不少模板讓你分析，入門容易，精通不易。

有問題你可以給我發私信，我以前做過網站建設

8、web前端三大主流框架都是什麼？

web前端三大主流框架都是Angular、React、Vue。

1、Angular

Angular原名angularJS誕生於2009年，之前我們都是用jquery開發，自從angular的出現讓版我們有了新的選擇，權它最大的特點是把後端的一些開發模式移植到前端來實現，如MVC、依賴注入等。

2、React

React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益於其創新式的VirtualDOM，性能上碾壓angularJS，一經推出，火的一塌糊塗。 特點很多，VirtualDOM、JSX、Diff演算法等，支持ES6語法，採用函數式編程，門檻稍高，但也更靈活，能讓開發具有更多可能性。

3、Vue

Vue作為最後推出的框架（2014年），借鑒了前輩angular和react的特點（如VirtualDOM、雙向數據綁定、diff演算法、響應式屬性、組件化開發等）並做了相關優化，使其使用起來更加方便，更容易上手，比較少適合初學者。

9、cms和html 是什麼

cms是一般用到網站里是主要是新聞發布系統，管理網站內容的系統
html是描述網頁文檔的一種標記語言，在網站里主要做前端代碼編寫，

10、CMS是什麼？

CMS是Content Management System的縮寫，簡單的說：CMS是一個內容管理系統。內容管理系統是一種位於Web前端（Web伺服器）和後端辦公系統或流程（內容創作、編輯）之間的軟體系統。

一個內容管理系統是把一個網站的內容（文字，圖片，等等）與網站的組件分離開來，可以將各個頁面連接到一起，可以控制頁面的顯示。通過這個系統，可以方便的管理，發布，維護網站的內容，而不再需要硬性的寫HTML代碼或手工建立每一個頁面。

CMS建站的優點
1、簡單易學
作為一個網站新手來說，想要建站那是相當困難，代碼、資料庫、設計這些統統都不懂，這些成為了站長的煩惱，而cms強大的後台管理就可以解決這些問題，不需要你懂太多的東西，只要用戶名和密碼登陸，你就可以很快的操作起來。
2、安全性
大家都知道，程序一旦被入侵，整個網站就要完蛋了，而cms就不會有這樣的問題，它提高了網站的安全性，動態頁面暴露較少,受到的安全威脅就小得多，網站也就不怕被黑客入侵了。
3、穩定性
穩定性對於一個網站來說，還是相當重要的，總是出錯的網站是不會有人喜歡的。
4、網站運行快
cms主張生成靜態頁面，包括主頁、分類頁，靜態的輸出大大的減少了網站運行的速度，靜態的頁面不需要伺服器做什麼處理，所以訪問起來也是很快的。 5、採集功能
cms可以提供採集的功能，只要做好採集規則就可以，再也不用為了手動添加網站內容而鬧心了。在採集的同時還可以進行其他操作，實現了「一心二用」的效果。
6、搜索引擎友好
採用DIV+CSS布局網頁，簡單的代碼結構有助於網站的優化。
7、風格模板
擁有獨特的風格模板，只要上傳到空間就可以使用。再也不用為繁瑣的代碼而頭疼了。

國內商業與開源CMS
TurboCMS
動易內容管理系統
帝國網站管理系統
SupeSite
phpcms 網站管理系統
dedecms 織夢網站管理系統
verycms 內容管理系統
漸飛網站管理系統
SiteServer CMS網站管理系統
Net動網新聞
宏博內容管理系統
奇新CMS內容管理系統