當前位置:首頁 » 網頁前端 » 響應式前端框架
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

響應式前端框架

發布時間: 2022-02-15 00:16:09

1. 初學web前端 做響應式網站 推薦用框架嗎

不管是初學WEB前端還是老司機,個人都不推薦使用前端框架,為什麼呢?

第一,使用框架你就不會自己去思考每個標簽和屬性的意義,不能深入的去理解它們,只知道這里要調個按鈕就寫個對應的按鈕名稱,最終會被框架給綁架,沒框架就做不了事了。
第二,框架會有很多的不用的代碼,這個對網站本身是有影響的。

2. 響應式網頁設計的十大開發框架

Gumby Framework
Gumby 2是建立在Sass基礎上的。Sass是一款非常強大的CSS 預處理器,允許用戶自主快速的開發擴展Gumby,同時提供很多新的工具來自定義和擴展Gumby框架。Gumby 2是一個非常棒的響應式CSS框架。
Get UI Kit
Get UI Kit是一款輕量級、模塊化的前端框架,可快速構建強大的web前端界面,而且,它是一款開源的前端UI界面的框架,可以無任何限制的使用UIKit 來創建自己的風格。
Foundation
Foundation是一個易用、強大而且靈活的框架,用於構建基於任何設備上的Web應用。提供多種Web上的UI 組件,如表單、按鈕、 標簽等。
Semantic
UI是Web的靈魂!Semantic是為工程師而製作的可復用的開源前端框架。提供各種UI組件,使得開發更加直觀、易於理解。
52Framework
52 Framework主要用於優化HTML5和CSS3的跨瀏覽器兼容性的框架,可在所有主流瀏覽器上運行。
PureCSS
Pure是一組小的、響應式CSS模塊,可用於任意Web項目中。它可作為每個網站或Web應用的起步工具,幫助開發者處理應用程序所需的所有CSS工作,同時不會讓每個應用千篇一律。
Responsablecss
Responsable使用最少的Sass,帶給你最完美的響應式框架。
TukTuk
TukTuk支持代碼重用功能,提供更加快速、高效的樣式列表,易於添加與維護。
Kube
Kube是全球最為流行、最靈活的CSS框架之一。其帶給你最強大的功能選擇,極具創意性與美觀性。
Ivory
Ivory是一款強大、靈活、易用的響應式框架。 Ivory基於12列的響應式網格布局,包含表格,按鈕,表格,分頁,撥動開關,工具提示,手風琴,選項卡等網站中常用的組件和樣式。

3. 響應式前端框架有哪些

  1. Twitter BootStrap (Apache v2.0;響應式)
    時髦、直觀並且強大的前端框架,讓Web開發變得更加容易。
    2. Foundation (MIT;響應式)
    最先進的響應式前端框架。
    3. 960gs(GPL&MIT;響應式)
    960gs提供了一個簡單的網格系統,適合快速開發。
    4. Skeleton(MIT;響應式)
    非常漂亮的Web模板,適合響應式、移動友好的開發。
    5. 99lime HTML KickStart(Free)
    適合網站快速開發的極簡HTML構建模塊。
    6. Kube(Free;響應式)
    面向專業人員的CSS框架。
    7. Less Framework(MIT;響應式)
    自適應的CSS網格系統。
    8. Flameinwork(Free)
    適合懶人開發者的前端微框架。
    9. G5 Framework(Free)
    (x)HTML5、CSS、PHP前端開發框架。
    10. Easy Framework(Free)
    Easy Framework是一個一體化前端解決方案,分structural、 presentational、interactive三層。
    11. Blueprint(Free)
    一個旨在減少開發時間的前端框架。
    12. YAML(Creative Commons)
    (x)HTML+CSS框架,適合開發現代化浮動布局。
    13. BlueTrip(Free)
    一個功能全面、並且美麗的CSS框架,適合於Blueprint搭配使用。
    14. YUI3:Grids CSS(BSD)
    YUI Grids CSS是最著名的CSS框架之一,是由Yahoo開發小組開發而成。 YUI Grids CSS為開發者提供了預先設置的四種不同頁面寬度,六種不同的模板。
    15. 52framework(Creative Commons)
    對HTML5支持非常好,簡單易用。
    16. elastiCSS(MIT)
    一個基於Web介面和印刷布局的簡單CSS框架。
    17. Emastic(Free)
    一個與眾不同的CSS框架。
    18. Fluid 960 Gride System(GPL/MIT)
    Fluid 960 Grid System的模版是根據Nathan Smith之前的作品而創建的。即960 Grid System:傳承了MooTools和jQuery JavaScript libraries的效果。
    19. xCSS(MIT)
    一個面向對象的CSS框架,能讓你的工作流更加簡潔。xCSS基於CSS,可以在開發復雜樣式時,提供面向對象的工作流。
    20. EM CSS Framework(MIT/GPL)
    EM CSS Framework提供了一個960px寬 + 12 列網格系統 + CSS的通用樣式。

    21.Ant Design

    22.Element UI

4. 前端框架有哪些

1. Twitter BootStrap (Apache v2.0;響應式)
時髦、直觀並且強大的前端框架,讓Web開發變得更加容易。

2. Foundation (MIT;響應式)
最先進的響應式前端框架。
3. 960gs(GPL&MIT;響應式)
960gs提供了一個簡單的網格系統,適合快速開發。
4. Skeleton(MIT;響應式)
非常漂亮的Web模板,適合響應式、移動友好的開發。
5. 99lime HTML KickStart(Free)
適合網站快速開發的極簡HTML構建模塊。
6. Kube(Free;響應式)
面向專業人員的CSS框架。
7. Less Framework(MIT;響應式)
自適應的CSS網格系統。
8. Flameinwork(Free)
適合懶人開發者的前端微框架。
9. G5 Framework(Free)
(x)HTML5、CSS、PHP前端開發框架。
10. Easy Framework(Free)
Easy Framework是一個一體化前端解決方案,分structural、 presentational、interactive三層。
11. Blueprint(Free)
一個旨在減少開發時間的前端框架。
12. YAML(Creative Commons)
(x)HTML+CSS框架,適合開發現代化浮動布局。
13. BlueTrip(Free)
一個功能全面、並且美麗的CSS框架,適合於Blueprint搭配使用。
14. YUI3:Grids CSS(BSD)
YUI Grids CSS是最著名的CSS框架之一,是由Yahoo開發小組開發而成。 YUI Grids CSS為開發者提供了預先設置的四種不同頁面寬度,六種不同的模板。
15. 52framework(Creative Commons)
對HTML5支持非常好,簡單易用。
16. elastiCSS(MIT)
一個基於Web介面和印刷布局的簡單CSS框架。
17. Emastic(Free)
一個與眾不同的CSS框架。
18. Fluid 960 Gride System(GPL/MIT)

Fluid 960 Grid System的模版是根據Nathan Smith之前的作品而創建的。即960 Grid System:傳承了MooTools和jQuery JavaScript libraries的效果。
19. xCSS(MIT)
一個面向對象的CSS框架,能讓你的工作流更加簡潔。xCSS基於CSS,可以在開發復雜樣式時,提供面向對象的工作流。
20. EM CSS Framework(MIT/GPL)
EM CSS Framework提供了一個960px寬 + 12 列網格系統 + CSS的通用樣式。

5. html5 響應式 框架 哪個好

15個最好的HTML5前端響應式框架(2014)
參考:http://ourjs.com/detail/543205ebbc3f9b154e000001

6. 除了bootstrap還有哪些響應式設計前端框架

bootstrap.css
是完整的bootstrap樣式表,未經壓縮過的,可供開發的時候進行調試用
bootstrap.min.css
是經過壓縮後的bootstrap樣式表,內容和bootstrap.css完全一樣,但是把中間不必要的空格之類的東西都刪掉了,所以文件大小會比bootstrap.css.

7. 為什麼現在的前端UI框架都要做成響應式,都要搞一套

方便管理與維護,一套可以適應pc端與移動端開發成本也會大大減少。

8. 有沒有兼容IE6的響應式前端框架推薦

完美兼容IE6+的前端框架 - 良心UI

9. 前端常用的框架有哪些

給你介紹Web前端三大主流框架
React:
1.聲明式設計:React採用聲明範式,可以輕松描述應用。
2.高效:React通過對DOM的模擬,最大限度地減少與DOM的交互。
3.靈活:React可以與已知的庫或框架很好地配合。
優點:
1.速度快:在UI渲染過程中,React通過在虛擬DOM中的微操作來實現對實際DOM的局部更新。
2.跨瀏覽器兼容:虛擬DOM幫助我們解決了跨瀏覽器問題,它為我們提供了標准化的API,甚至在IE8中都是沒問題的。
3.模塊化:為你程序編寫獨立的模塊化UI組件,這樣當某個或某些組件出現問題是,可以方便地進行隔離。
4.單向數據流:Flux是一個用於在JavaScript應用中創建單向數據層的架構5.同構、純粹的javascript:因為搜索引擎的爬蟲程序依賴的是服務端響應而不是JavaScript的執行,預渲染你的應用有助於搜索引擎優化。6.兼容性好:比如使用RequireJS來載入和打包,而Browserify和Webpack適用於構建大型應用。它們使得那些艱難的任務不再讓人望而生畏。缺點:React本身只是一個V而已,並不是一個完整的框架,所以如果是大型項目想要一套完整的框架的話,基本都需要加上ReactRouter和Flux才能寫大型應用。

Vue:
Vue是尤雨溪編寫的一個構建數據驅動的Web界面的庫,准確來說不是一個框架,它聚焦在V(view)視圖層。
它有以下的特性:
1.輕量級的框架
2.雙向數據綁定
3.指令
4.插件化
優點:
1.簡單:官方文檔很清晰,比Angular簡單易學。
2.快速:非同步批處理方式更新DOM。
3.組合:用解耦的、可復用的組件組合你的應用程序。
4.緊湊:~18kbmin+gzip,且無依賴。
5.強大:表達式無需聲明依賴的可推導屬性(computedproperties)。
6.對模塊友好:可以通過NPM、Bower或Duo安裝,不強迫你所有的代碼都遵循Angular的各種規定,使用場景更加靈活。
缺點:
1.新生兒:Vue.js是一個新的項目,沒有angular那麼成熟。
2.影響度不是很大:google了一下,有關於Vue.js多樣性或者說豐富性少於其他一些有名的庫。
3.不支持IE8。

Angular:
Angular是一款優秀的前端JS框架,已經被用於Google的多款產品當中。
它有以下的特性:
1.良好的應用程序結構
2.雙向數據綁定
3.指令
4.HTML模板
5.可嵌入、注入和測試
優點:
1.模板功能強大豐富,自帶了極其豐富的angular指令。
2.是一個比較完善的前端框架,包含服務,模板,數據雙向綁定,模塊化,路由,過濾器,依賴注入等所有功能;3.自定義指令,自定義指令後可以在項目中多次使用。
4.ng模塊化比較大膽的引入了Java的一些東西(依賴注入),能夠很容易的寫出可復用的代碼,對於敏捷開發的團隊來說非常有幫助。
5.angularjs是互聯網巨人谷歌開發,這也意味著他有一個堅實的基礎和社區支持。
缺點:
1.angular入門很容易但深入後概念很多,學習中較難理解。
2.文檔例子非常少,官方的文檔基本只寫了api,一個例子都沒有,很多時候具體怎麼用都是google來的,或直接問misko,angular的作者。
3.對IE6/7兼容不算特別好,就是可以用jQuery自己手寫代碼解決一些。
4.指令的應用的最佳實踐教程少,angular其實很靈活,如果不看一些作者的使用原則,很容易寫出四不像的代碼,例如js中還是像jQuery的思想有很多dom操作。
5.DI依賴注入如果代碼壓縮需要顯示聲明。