1. 現在主流的前端框架有哪些
Bootstrap(經典)
2.Vue(靈活高效的JS框架)
3.React(組件開發)
4. angular(web應用開發框架)
5.typescript(功能強大,語法簡潔, JS的擴展)
6.Element (快速搭建一個優雅的網站)
7.webpack & parcel (應用打包工具)
8.webassembly(模塊編程,四大瀏覽器聯袂支持)
9.Layui(模塊化UI組件)
10.PWA(Google推出的網頁應用開發)
2. 前端常用的框架有哪些
web前端的主流框架,下面,我具體給你介紹一下:
1、Angular:Angular是一款優秀的前端JS框架,Angular有著諸多特性,最為核心的是MVW(Model-View-Whatever)、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。Angular是一個比較完善的前端框架,包含服務,模板,數據雙向綁定,模塊化,路由,過濾器,依賴注入等所有功能,在自定義指令後可以在項目中多次使用。
2、React:React可以非常輕松地創建用戶交互界面。為你應用的每一個狀態設計簡潔的視圖,在數據改變時React也可以高效地更新渲染界面。React為你程序編寫獨立的模塊化UI組件,這樣當某個或某些組件出現問題是,可以方便地進行隔離。
3、Vue:近幾年最火的前端框架當屬Vue.js了,Vue.js是一個構建數據驅動的Web界面的漸進式框架。Vue.js的目標是通過盡可能簡單的API實現響應的數據綁定和組合的視圖組件。Vue對模塊很友好,可以通過NPM、Bower或Duo安裝,不強迫你所有的代碼都遵循Angular的各種規定,使用場景更加靈活。
以上三個就是我給你介紹的關於web前端主流的框架,希望我的回答對你有所幫助
3. layui框架有幾個核心文件
layui框架有10個核心文件。
輕量快捷的移動端UI框架。基於手Q樣式規范,選取最常用的組件,做成手Q公用離線包減少請求,升級方式友好,文檔完善,目前全面應用在騰訊手Q增值業務中。
YDUI Touch專為移動端打造,在技術實現、交互設計上兼容主流移動設備,保證代碼輕、性能高;使用 Flex 技術,靈活自如地對齊、收縮、擴展元素,輕松搞定移動頁面布局;實現強大的屏幕適配布局,等比例適配所有屏幕。
layui的元素由以下組成:
布局(柵格、後檯布局)、顏色、字體圖標、動畫、按鈕、表單、導航條、麵包屑、選項卡、進度條、面板、靜態表格、徽章、時間線、輔助元素等。
layui提供了豐富的內置模塊,他們皆可通過模塊化的方式按需載入,其中包括:layer、layDate、layPage、laytpl、table、form、upload、element、tree、layeditor、rate、carousel、flow、util、code等。
4. 2019十大前端ui框架layui是開源的嗎
這應該是的,但是這個具體的誰是前幾的話,還是要查一查,具體的資料才能知道的幫你找一找。
5. 有哪些風格獨特的前端UI框架
推薦幾個精緻的web UI框架及常用的前端UI框架:
1、AliceUI
AliceUI是支付寶的樣式解決方案,是一套精選的基於spm生態圈的樣式模塊集合,是Arale的子集,也是一套模塊化的樣式明明和組織規范,是寫CSS得更好方式。
2、Amaze UI
Amaze UI是一個輕量級、Mobile first的前端框架,基於開源社區流行前端框架編寫的。
3、SUI
SUI是一套基於Bootstrap開發的前端組件庫,同時也是一套設計規范。
通過SUI,可以非常方便的設計和實現精美的頁面。
同時SUI還有移動版本的msui,msui是阿里巴巴共享業務事業部UED團隊的作品。目前是為了手機H5頁面提供一個常用的組件庫,減少重復工作。
8.layui
Layui 誕生於2016年金秋,是一款帶著濃烈情懷的國產前端UI框架,她追求極簡,又不失豐盈的內在,說她是史上最輕量的結晶,似乎並不為過。一切都源自於她對原生態的執著,對前端社區的那些噪雜聲音的過濾,以及她本身的精心雕琢。
9.YDUI Touch
YDUI Touch 專為移動端打造,在技術實現、交互設計上兼容主流移動設備,保證代碼輕、性能高;使用 Flex 技術,靈活自如地對齊、收縮、擴展元素,輕松搞定移動頁面布局;實現強大的屏幕適配布局,等比例適配所有屏幕。什麼?用得不開心?輕松切換 px;自定義Javascript組件、Less文件、Less變數,定製一份屬於自己的YDUI;
10、後台UI開發框架 MuseUI
一款基於bootstrap風格,兼容於主流瀏覽器(包括IE6)的後端UI開發組件。
6. layui中常用的控制項有哪些
layui中常用的其實無非就是form表單,table靜態表或者數據表,以及日常所用的html控制項中的常用控制項。多看看文檔跟示例就懂了
7. 那麼多ui框架怎麼選
LayUI
由職業前端傾情打造,面向全層次的前後端開發者,低門檻開箱即用的前端 UI 解決方案,layui是一個採用自身模塊規范化編寫的前端UI框架,它依照原生HTML/CSS/JS的書寫與組織形式,入門簡單,使用也非常簡單。從核心代碼到API的每一處細節都經過精心雕琢,非常適合界面的快速開發。
JEUI
它是一款國產前端UI框架,遵循原生HTML/CSS/JS的書寫與組織形式,國內很多程序員javascript不熟, 大大影響了開發速度. 因此JEUI不需要開發人員去關心javascript怎麼寫, 只要寫標准html就可以了,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內在,體積輕盈,組件豐盈,從核心代碼到API的每一處細節都經過精心雕琢,非常適合界面的快速開發。
JEUI基於jQuery的UI框架,包括表單、布局、表格等等常用UI控制項,使用JEUI可以快速輕松地創建風格統一的界面效果。
瀏覽器兼容非常牛皮,能兼容IE8以上的瀏覽器。
DWZ
DWZ富客戶端框架(jQuery RIA framework), 是中國人自己開發的基於jQuery實現的Ajax RIA開源框架. 設計目標是簡單實用,快速開發,降低ajax開發成本。
DWZ 支持用 html 擴展的方式來代替 javascript 代碼, 基本可以保證程序員不董 javascript, 也能使用各種頁面組件和 ajax 技術. 如果有特定需求也可以擴展 DWZ 做定製化開化.
MDUI
MDUI 是一個基於 Material Design 的前端框架。
19 種主色、16 種強調色、1 種夜間主題,只需添加一個 CSS 類即可切換。CSS 僅 26.7KB,JavaScript 僅 14KB,載入更迅速。移動優先,從小屏逐步擴展到大屏,最終實現所有屏幕適配。不依賴任何第三方庫,節約網路流量,使載入更迅速,提高用戶體驗。使用 CSS3 來做動畫交互,平滑、高效,讓 Web 應用的動畫更流暢。提供自定義打包功能,按需打包需要的主題和組件,使文件體積驟然減小。MDUI 包含了 20 余個組件,且每個組件都可以適應不同主題。
只需懂一點 HTML、CSS、JS 的基礎知識,就能使用 MDUI。
ElementUI
element ui框架的按鈕組件,這款由餓了么前端開源的UI框架,一經面世,就收獲大量程序員的芳心,在github 上更是高達29.8k的star早已說明一切,用於開發PC端的頁面還是綽綽有餘的,如果說你是用vue開發者,卻沒用過element UI,那你肯定不是合格的vue開發者。
WeUI
jQuery WeUI 是專為微信公眾賬號開發而設計的一個簡潔而強大的UI庫,包含全部WeUI官方的CSS組件,並且額外提供了大量的拓展組件,豐富的組件庫可以極大減少前端開發時間。
jQuery WeUI 的最大特點是它只提供UI組件,並不會對項目所使用的框架和其他庫有任何的限制,幾乎可以在任何環境下使用。無論你的項目是基於jQuery,還是 React, Angular, Vue, 你都會發現 jQuery WeUI 能非常方便的和他們結合使用。既是你的項目是一個有很悠久歷史的老項目,也幾乎可以做到拿來即用。
Flutter
Flutter是谷歌的移動UI框架,可以快速在iOS和Android上構建高質量的原生用戶界面,前端對於 Flutter 的熱忱度之高一度讓人有點驚訝,事實上在 Flutter 社區內見到的客戶端開發者遠多於前端開發,不過前端對於跨端解決方案確實有著天然的渴求。
Flutter可以與現有的代碼一起工作。在全世界,Flutter正在被越來越多的開發者和組織使用,並且Flutter是完全免費、開源的。
iView ui
iViewui一套基於 Vue.js 的高質量 UI 組件庫,搭配使用 iView UI 組件庫形成的一套後台集成解決方案,由 TalkingData 前端可視化團隊部分成員開發維護。iView Admin 遵守 iView 設計和開發約定,風格統一。
Mint UI
Mint UI 包含豐富的 CSS 和 JS 組件,能夠滿足日常的移動端開發需要。通過它,可以快速構建出風格統一的頁面,提升開發效率。
真正意義上的按需載入組件。可以只載入聲明過的組件及其樣式文件,無需再糾結文件體積過大。
考慮到移動端的性能門檻,Mint UI 採用 CSS3 處理各種動效,避免瀏覽器進行不必要的重繪和重排,從而使用戶獲得流暢順滑的體驗。
依託 Vue.js 高效的組件化方案,Mint UI 做到了輕量化。即使全部引入,壓縮後的文件體積也僅有 ~30kb (JS + CSS) gzip。
YDUI Touch
YDUI Touch 專為移動端打造,在技術實現、交互設計上兼容主流移動設備,保證代碼輕、性能高。
使用 Flex 技術,靈活自如地對齊、收縮、擴展元素,輕松搞定移動頁面布局。
實現強大的屏幕適配布局,等比例適配所有屏幕。什麼?用得不開心?輕松切換 px。
自定義Javascript組件、Less文件、Less變數,定製一份屬於自己的YDUI。
SUI Mobile
SUI Mobile 是一套基於 Framework7 開發的UI庫。它非常輕量、精美,只需要引入我們的CDN文件就可以使用,並且能兼容到 iOS 6.0+ 和 Android 4.0+,非常適合開發跨平台Web App。輕量的UI庫
SUI Mobile 非常輕量,核心庫壓縮Gzip後的JS、CSS網路傳輸體積總共只有52K,卻提供了20+個常用的組件。
Amaze ~ 妹子 UI
中國首個開源 HTML5 跨屏前端框架
Amaze UI 以移動優先(Mobile first)為理念,從小屏逐步擴展到大屏,最終實現所有屏幕適配,適應移動互聯潮流。
Amaze UI 含近 20 個 CSS 組件、20 余 JS 組件,更有多個包含不同主題的 Web 組件,可快速構建界面出色、體驗優秀的跨屏頁面,大幅提升開發效率。
相比國外框架,Amaze UI 關注中文排版,根據用戶代理調整字體,實現更好的中文排版效果;兼顧國內主流瀏覽器及 App 內置瀏覽器兼容支持。
Amaze UI 面向 HTML5 開發,使用 CSS3 來做動畫交互,平滑、高效,更適合移動設備,讓 Web 應用更快速載入。
cube-ui
質量可靠:由滴滴內部組件庫精簡提煉而來,歷經考驗,並且每個組件都有充分單元測試,為後續集成提供保障。
體驗極致:以迅速響應、動畫流暢、接近原生為目標,在交互體驗方面追求極致。
標准規范:遵循統一的設計交互標准,高度還原設計效果;介面標准化,統一規范使用方式,開發更加簡單高效。
擴展性強:支持按需引入和後編譯,輕量靈活;擴展性強,可以方便地基於現有組件實現二次開發。
8. easyui,layui和 vuejs 有什麼區別
easyui是功能強大但是有很多的組件使用功能是十分強大的,而layui是2016年才出來的前端框架,現在才更新到2.x版本還有很多的功能沒有完善,也還存在一些不穩定的情況,但是layui界面簡約美觀,而且容易上手而且有很多組件在layui的社區里都可以找到,layui的彈出層layer也是layui與別的框架區別
2.layui與bootstrap對比
layui是國人開發的一套框架,2016年出來的,現在已更新到2.X版本了。比較新,輕量級,樣式簡單好看。
bootstrap 相對來說是比較成熟的一個框架,現在已經更新到4.X版本。是一個很成熟的框架,這個大部分人一般都用過。
適用范圍對比:
1.layui 其實更偏向與後端開發人員使用,在服務端頁面上有非常好的效果
做後台框架。
作者「閑心」都說了,開發這個框架的出發點是為了滿足服務端程序員的需求。所以你懂得。
layui是提供給後端開發人員最好的ui框架,基於DOM驅動,在實現前端交互上比較麻煩,頁面的增刪改查都需要查詢DOM元素。所以在不需要交互的時候,用layui還是不錯的。
2.bootstrap 在前端響應式方面做得很好,PC端和移動端表現都不錯。
做網站不錯。
如果是類似官網,且需要同時滿足PC端和移動端效果,bs表現很好。
但是如果是要交互的網站,比如商城之類,vue顯然更好,前後端分離,。