很多學(xué)員在學(xué)習(xí)前端之初的時(shí)候,就常常會私聊小粵,讓小粵給提供一些干貨,給他學(xué)習(xí)學(xué)習(xí),今天小粵就收集了一些web前端框架分享給大家,一起來看看吧!
1. Foundation框架
Foundation框架總體來看要比Bootstrap略顯高大上一點(diǎn),但他們倆的設(shè)計(jì)理念都是非常清楚的,Bootstrap有引導(dǎo)的意思,嘗試處理你項(xiàng)目中的一切所需。Foundation有基礎(chǔ)、地基及支柱的意思,給項(xiàng)目中強(qiáng)有力的創(chuàng)造與支持。相對于Bootstrap豐富的組件及插件,F(xiàn)oundation僅提供了有限的幾種元素,其目標(biāo)是,即使你使用預(yù)定義的UI元素,也不應(yīng)該與大家的網(wǎng)站長得太像。
2. Bootstrap
Bootstrap在業(yè)界非常受歡迎,以致于有很多前端框架都在其基礎(chǔ)上開發(fā),如WeX5就是在Bootstrap源碼基礎(chǔ)上優(yōu)化而來的。Bootstrap是基于HTML、CSS和Javascript的,簡潔靈活使得Web開發(fā)更加敏捷。
提供優(yōu)雅的HTML和CSS規(guī)范,在jQuery的基礎(chǔ)上進(jìn)行更加個性化和人性化的完善。兼容大部分jQuery插件,并包含了豐富的Web組件,如下拉菜單、按鈕式下拉菜單、導(dǎo)航條、按鈕組、分頁、縮略圖、進(jìn)度條和媒體對象等。自帶了13個jQuery插件,其中有模式對話框、標(biāo)簽頁、滾動條和彈出框等。
3. Curl
Curl是一個命令行工具,用于通過HTTP(s)、FTP和數(shù)十種其它協(xié)議進(jìn)行請求。使用Curl可以進(jìn)行文件下載、檢查響應(yīng)標(biāo)題和自由訪問遠(yuǎn)程數(shù)據(jù)。在Web開發(fā)中,Curl經(jīng)常和RESTfulAPI一起使用用于測試連接。
4. Tree
Tree是一個小型的命令行實(shí)用程序,將目錄中的文件以可視化的方式進(jìn)行顯示。它采用遞歸運(yùn)行的方式,遍歷每個級別的嵌套并繪制所有內(nèi)容的格式樹。這樣就能快速的瀏覽并查找需要的文件。
5. Tmux
根據(jù)維基的解釋,Tmux是一個終端復(fù)用器。通俗的說,它是一個能將多個終端連接到單個終端會話的工具。Tmux允許用戶在終端中的程序之間切換,添加屏幕窗格,并將多個終端連接到同一個會話,使其保持同步。
在遠(yuǎn)程服務(wù)器上工作時(shí),Tmux特別有用,因?yàn)樗试S用戶創(chuàng)建新的選項(xiàng)卡,而無需再次登錄。
6. du
du命令用于生成關(guān)于文件和目錄的空間使用情況的報(bào)告。du很容易使用,可以遞歸地運(yùn)行,遍歷每個子目錄并返回每個文件的大小。
du的常見用例是:當(dāng)某個驅(qū)動器的空間不足,用戶不清楚每個存儲器的大小。使用此命令可以快速查看每個文件夾所占用的存儲空間,從而找到占用空間的存儲器。
7. AUI
AUI專為APIClound設(shè)計(jì)的一套框架,解決了許多移動端開發(fā)實(shí)際中遇到的許多問題是一個純CSS框架。
使用容器+布局+模塊的構(gòu)建方式,JS輔助,更自由更靈活更易于擴(kuò)展使用。遵循GoogleMaterial設(shè)計(jì)規(guī)范,完美適配各個機(jī)型。面向HTML5,使用CSS3實(shí)現(xiàn)動畫交互,輕量級高性能。
8. AmazeUI
據(jù)稱是中國開源HTML5跨屏前端框架。妹子UI以移動優(yōu)先為理念,從小屏逐漸到大屏,實(shí)現(xiàn)響應(yīng)式網(wǎng)頁。AmazeUI包含20+個CSS組件、20+個JS組件,更有多個包含不同主題的Web組件。
相比國外框架,妹子UI關(guān)注中文排版提供本地化支持。面向HTML5開發(fā),使用CSS3來實(shí)現(xiàn)動畫交互,輕量級高性能。
9. FrozenUI
FrozenUI是一款開源簡單易用,輕量敏捷的移動端框架。基于手Q樣式規(guī)范,目前全面應(yīng)用于企鵝手Q增值業(yè)務(wù)中。基礎(chǔ)樣式效果簡單色調(diào)清爽,社區(qū)活躍,組件自然不少。
包括按鈕、列表、表單、通知、提示條、彈出框、選項(xiàng)卡等等常用組件。還包括一個FrozenJs的JS組件庫。可以在主流的Android和IOS上應(yīng)用。基本樣式使用離線包的方式減少請求提供快速接入方案。