傳智播客旗下品牌:|||||

全國咨詢/投訴熱線:400-618-4000

前端人員必備的9款web前端開發框架

更新時間:2018年11月27日09時51分 來源:傳智播客

  近年來,Web技術的發展速度快得讓人窒息,特別是最近幾年一代又一代的變革一次又一次的創造。各大巨頭又紛紛把技術轉向HTML5和CSS3,各種企業級框架如雨后春筍般涌現。

  那么今天傳智播客就給大家介紹幾個在web界比較優秀的web前端框架。

web前端開發

  一、Foundation框架

  Foundation框架總體來看要比Bootstrap略顯高大上一點,但他們倆的設計理念都是非常清楚的,Bootstrap有引導的意思,它嘗試處理你項目中的一切所需。Foundation有基礎、地基及支柱的意思,給你項目中強有力的創造與支持。相對于Bootstrap豐富的組件及插件,Foundation僅提供了有限的幾種元素,其目標是,即使你使用預定義的UI元素,也不應該與大家的網站長得太像。

  而Bootstrap則致力于提供所有定義好的元素,這樣使得看起來許多網站都差不多。Foundation默認不帶圖標集,它推薦使用開源字體圖標。與Bootstrap一樣,Foundation使用網格流式布局將網頁劃分為12列,針對不同的設備顯示不同的列數,實現響應式布局。但Foundation不支持舊版本瀏覽器。其他特性如有興趣可進一步了解。

  二、Bootstrap

  Twitter出品的Bootstrap在業界是非常受歡迎的,以致于有很多前端框架都在其基礎上開發,如我們熟悉的WeX5就是在Bootstrap源碼基礎上優化而來的。我相信大多數接觸過前端開發的同學多少都了解過這個優秀的前端框架。Bootstrap是基于HTML、CSS和Javascript的,它簡潔靈活,可以使得Web開發更加敏捷。

  它提供優雅的HTML和CSS規范,在jQuery的基礎上進行更加個性化和人性化的完善。兼容大部分jQuery插件,并包含了豐富的Web組件,如下拉菜單、按鈕式下拉菜單、導航條、按鈕組、分頁、縮略圖、進度條和媒體對象等。自帶了13個jQuery插件,其中有模式對話框、標簽頁、滾動條和彈出框等。如果你也正在學習web前端這方面,不妨可以來傳智播客聽聽web前端的開發課程。

  三、Curl

  Curl 是一個命令行工具,用于通過 HTTP(s)、FTP 和數十種其它協議進行請求。使用Curl可以進行文件下載、檢查響應標題和自由訪問遠程數據。

  在 Web 開發中,Curl 經常和 RESTful API 一起使用,用于測試連接。

傳智播客web前端開發框架

  四、Tree

  Tree 是一個小型的命令行實用程序,它將目錄中的文件以可視化的方式進行顯示。它采用遞歸運行的方式,遍歷每個級別的嵌套并繪制所有內容的格式樹。這樣就能快速的瀏覽并查找需要的文件。

  tree。├── css│ ├── bootstrap。css│ ├── bootstrap。min。css├── fonts│ ├── glyphicons-halflings-regular。eot│ ├── glyphicons-halflings-regular。svg│ ├── glyphicons-halflings-regular。ttf│ ├── glyphicons-halflings-regular。woff│ └── glyphicons-halflings-regular。woff2└── js ├── bootstrap。js └── bootstrap。min。js

  還可以使用簡單的 regEx 模式來過濾結果:

  tree -P '*。min。*'。├── css│ ├── bootstrap。min。css├── fonts└── js └── bootstrap。min。js

  五、Tmux

  根據維基的解釋,Tmux 是一個終端復用器。通俗的說,它是一個能將多個終端連接到單個終端會話的工具。

  Tmux允許用戶在終端中的程序之間切換,添加屏幕窗格,并將多個終端連接到同一個會話,使其保持同步。在遠程服務器上工作時,Tmux 特別有用,因為它允許用戶創建新的選項卡,而無需再次登錄。

  六、du

  du命令用于生成關于文件和目錄的空間使用情況的報告。du很容易使用,可以遞歸地運行,遍歷每個子目錄并返回每個文件的大小。

  du 的常見用例是:當某個驅動器的空間不足,用戶不清楚每個存儲器的大小。使用此命令可以快速查看每個文件夾所占用的存儲空間,從而找到占用最大空間的存儲器。

  七、AUI

  AUI是最近流行起來的,作者聲稱是專為APIClound設計的一套框架,解決了許多移動端開發實際中遇到的許多問題,是一個純CSS框架。使用容器+布局+模塊的構建方式,JS輔助,更自由更靈活更易于擴展使用。遵循Google Material設計規范,完美適配各個機型。面向HTML5,使用CSS3實現動畫交互,輕量級高性能。AUI是使用MIT License授權,你可以復制、出售。

  八、Amaze UI

  第四個是稱為妹子UI的開源框架,據稱是中國首個開源HTML5跨屏前端框架。妹子UI以移動優先為理念,從小屏逐漸到大屏,實現響應式網頁。Amaze UI包含20+個CSS組件、20+個JS組件,更有多個包含不同主題的Web組件。相比國外框架,妹子UI關注中文排版提供本地化支持。面向HTML5開發,使用CSS3來實現動畫交互,輕量級高性能。

  九、Frozen UI

  Frozen UI是一款開源,簡單易用,輕量敏捷的移動端框架。基于手Q樣式規范,目前全面應用于企鵝手Q增值業務中。基礎樣式效果簡單色調清爽,社區活躍,組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項卡等等常用組件。還包括一個FrozenJs的JS組件庫。可以在主流的Android和IOS上應用。基本樣式使用離線包的方式減少請求提供快速接入方案。當然,根據很多人反映,也存在大大小小的bug。不過總體來說,還是值得一用的。  # Running this will show the space usage of each folder in the current directory.# The -h option makes the report easier to read.# -s prevents recursiveness and shows the total size of a folder.# The star wildcard (*) will run du on each file/folder in current directory.du -sh *1.2G Desktop4.0K Documents40G Downloads4.0K Music4.9M Pictures844K Public4.0K Templates6.9M Videos

  還有一個相似的命令 df(Disk Free),使用df會返回有關可用磁盤空間的各種信息

猜你喜歡:
常用的幾個web前端框架優缺點介紹

上网赚钱真假 如何网赚 平安彩票网站 2019国外挂机网赚 马云支付宝网赚是真的吗 十大博彩公司 2019美元网赚 陕西11选5 金旋风网赚 上海时时乐