隨着互聯網的推進我們可以尋找到各種高效資源,比如我們設計網站、小程序和公眾號開發的時候,前端設計並不需要我們太多的自主設計,我們可以借助免費開源或者有些付費的前端框架和插件來快速完成。比如我們在設計網站主題的時候,可以借助類似BootStrap、Layui這些常用的前端框架高效開發。
目前可選的前端框架還是比較多的,有些以前出名的如今已經逐漸淡出我們的視野,包括筆者以前也有用過的Amaze UI,我也准備在這篇文章中分享的但是官方網站好像無法打開SSL失效,估計可能沒有人維護。我們真的要去整理前端框架UI的話,大大小小十幾個肯定是有的,但是我們一般也用不了這么多,熟悉這么1-2款足矣。
第一、Bootstrap
官方網站:https://www.bootcss.com
Bootstrap,來自推特官方提供的一個用於前端開發的開源工具包。由他們的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。目前廣泛被用於我們很多網站、移動端、自適應WEB項目中,應該是目前使用最多的前端框架之一。
第二、Layui
官方網站:https://www.layui.com
Layui,是一款采用自身模塊規范編寫的前端 UI 框架,遵循原生 HTML/CSS/JS 的書寫與組織形式,門檻極低,拿來即用。這個前端我也有簡單接觸過,在行業中用戶也在慢慢變多,相對BS框架更加精煉一些。
第三、EasyUI
官方網站:http://www.jeasyui.net
easyui,是一種基於jQuery、Angular.、Vue和React的用戶界面插件集合。easyui為創建現代化,互動,JavaScript應用程序,提供必要的功能。easyui是個完美支持HTML5網頁的完整框架。居然還分商業和免費版本,如果我們介意的話那就不要選擇。
第四、jQuery UI
官方網站:https://jqueryui.com
jQuery UI,是在jQuery JavaScript庫之上構建的一組精選的用戶界面交互,效果,小部件和主題。 無論是構建高度交互的Web應用程序,還是只需要向表單控件添加日期選擇器,jQuery UI都是理想選擇。
第五、YDUI Touch
官方網站:http://www.ydui.org
YDUI Touch,一個專注移動端、微信的UI框架。YDUI Touch 專為移動端打造,在技術實現、交互設計上兼容主流移動設備,保證代碼輕、性能高。使用 Flex 技術,靈活自如地對齊、收縮、擴展元素,輕松搞定移動頁面布局。
第六、H-ui
官方網站:http://www.h-ui.net
H-ui,基於 HTML、CSS、JAVASCRIPT開發的輕量級web前端框架。 H-ui在bootstrap基礎上,吸取眾家框架之長,融合開發者自己的思想,進行深度開發,提煉出一套適合中國開發者的HTML和CSS規范。開源免費,簡單靈活,兼容性好。
第七、AUI
官方網站:http://aui.dianm.cc
AUI使用MIT開源協議發布,永久免費。會不定時更新版本及發布模板示例。致力於為開發者提供更好的框架。
第八、NEC
官方網站:http://nec.netease.com
NEC,來自網易的前端框架。NEC包括了規范、框架、代碼庫、插件等內容,致力於為前端開發人員提供高效率高質量的前端頁面開發解決方案,提高多人協作效率。
總結,以上老蔣整理出來目前網絡上比較常用的前端框架UI,有些是適合移動端開發的,有些是PC端自適應移動端的,總之我們根據實際的習慣和喜歡選擇,建議是選擇大眾的且有在維護更替的,有些小眾的說不定哪天就不更新。