主要總結(jié)了7個(gè)好用的android 開(kāi)發(fā)框架推薦給你：
創(chuàng)新互聯(lián)網(wǎng)站建設(shè)服務(wù)商，為中小企業(yè)提供網(wǎng)站制作、網(wǎng)站設(shè)計(jì)服務(wù)，網(wǎng)站設(shè)計(jì)，網(wǎng)站托管等一站式綜合服務(wù)型公司，專業(yè)打造企業(yè)形象網(wǎng)站，讓您在眾多競(jìng)爭(zhēng)對(duì)手中脫穎而出創(chuàng)新互聯(lián)。
一、 Afinal
Afinal是一個(gè)Android的ioc，orm框架，內(nèi)置了四大模塊功能：FinalAcitivity,FinalBitmap,FinalDb,FinalHttp。通過(guò)finalActivity，我們可以通過(guò)注解的方式進(jìn)行綁定ui和事件。通過(guò)finalBitmap，我們可以方便的加載bitmap圖片，而無(wú)需考慮oom等問(wèn)題。通過(guò)finalDB模塊，我們一行代碼就可以對(duì)android的sqlite數(shù)據(jù)庫(kù)進(jìn)行增刪改查。通過(guò)FinalHttp模塊，我們可以以ajax形式請(qǐng)求http數(shù)據(jù)。
功能：
一個(gè)android的ioc，orm框架，內(nèi)置了四大模塊功能：FinalAcitivity,FinalBitmap,FinalDb,FinalHttp。通過(guò)finalActivity，我們可以通過(guò)注解的方式進(jìn)行綁定ui和事件。通過(guò)finalBitmap，我們可以方便的加載bitmap圖片，而無(wú)需考慮oom等問(wèn)題。通過(guò)finalDB模塊，我們一行代碼就可以對(duì)android的sqlite數(shù)據(jù)庫(kù)進(jìn)行增刪改查。通過(guò)FinalHttp模塊，我們可以以ajax形式請(qǐng)求http數(shù)據(jù)。
優(yōu)點(diǎn)：功能比較全面，文檔完善，代碼效率比較高。
缺點(diǎn)：沒(méi)有項(xiàng)目demo，框架的時(shí)間比較久，代碼冗余比較多(這也是無(wú)可避免的)，文檔比較老跟不上代碼更新進(jìn)度。
二、 xUtils
xUtils：可以說(shuō)是Afinal的升級(jí)版。
xUtils 包含了很多實(shí)用的android工具。
xUtils 支持大文件上傳，更全面的http請(qǐng)求協(xié)議支持(10種謂詞)，擁有更加靈活的ORM，更多的事件注解支持且不受混淆影響...
xUitls 最低兼容android 2.2 (api level 8)
三、 ThinkAndroid
ThinkAndroid是一個(gè)免費(fèi)的開(kāi)源的、簡(jiǎn)易的、遵循Apache2開(kāi)源協(xié)議發(fā)布的Android開(kāi)發(fā)框架，其開(kāi)發(fā)宗旨是簡(jiǎn)單、快速的進(jìn)行Android應(yīng)用程序的開(kāi)發(fā)，包含Android
mvc、簡(jiǎn)易sqlite orm、ioc模塊、封裝Android
httpclitent的http模塊,具有快速構(gòu)建文件緩存功能，無(wú)需考慮緩存文件的格式，都可以非常輕松的實(shí)現(xiàn)緩存，它還基于文件緩存模塊實(shí)現(xiàn)了圖片緩存功能，在android中加載的圖片的時(shí)候，對(duì)oom的問(wèn)題，和對(duì)加載圖片錯(cuò)位的問(wèn)題都輕易解決。他還包括了一個(gè)手機(jī)開(kāi)發(fā)中經(jīng)常應(yīng)用的實(shí)用工具類，如日志管理，配置文件管理，android下載器模塊，網(wǎng)絡(luò)切換檢測(cè)等等工具
四、 LoonAndroid
如果你想看ui方面的東西，這里沒(méi)有，想要看牛逼的效果這里也沒(méi)有。這只是純實(shí)現(xiàn)功能的框架，它的目標(biāo)是節(jié)省代碼量，降低耦合，讓代碼層次看起來(lái)更清晰。整個(gè)框架一部分是網(wǎng)上的，一部分是我改的，為了適應(yīng)我的編碼習(xí)慣，還有一部分像orm完全是網(wǎng)上的組件。在此感謝那些朋友們。
整個(gè)框架式的初衷是為了偷懶，之前都是一個(gè)功能一個(gè)jar，做項(xiàng)目的時(shí)候拉進(jìn)去，這樣對(duì)于我來(lái)說(shuō)依然還是比較麻煩。最后就導(dǎo)致我把所有的jar做成了一個(gè)工具集合包。
有很多框架都含有這個(gè)工具集合里的功能，這些不一定都好用，因?yàn)檫@是根據(jù)我個(gè)人使用喜歡來(lái)實(shí)現(xiàn)的，如果你們有自己的想法，可以自己把架包解壓了以后，源碼拉出來(lái)改動(dòng)下。
目前很多框架都用到了注解，除了androidannotations沒(méi)有入侵我們應(yīng)用的代碼以外，其他的基本上都有，要么是必須繼承框架里面的activity,要么是必須在activity的oncreat里面調(diào)用某個(gè)方法。
整個(gè)框架式不同于androidannotations，Roboguice等ioc框架，這是一個(gè)類似spring的實(shí)現(xiàn)方式。在整應(yīng)用的生命周期中找到切入點(diǎn)，然后對(duì)activity的生命周期進(jìn)行攔截，然后插入自己的功能。
五、 KJFrameForAndroid
KJFrameForAndroid 又叫KJLibrary，是一個(gè)android的orm 和 ioc
框架。同時(shí)封裝了android中的Bitmap與Http操作的框架，使其更加簡(jiǎn)單易用;
KJFrameForAndroid的設(shè)計(jì)思想是通過(guò)封裝Android原生SDK中復(fù)雜的復(fù)雜操作而達(dá)到簡(jiǎn)化Android應(yīng)用級(jí)開(kāi)發(fā)，最終實(shí)現(xiàn)快速而又安全的開(kāi)發(fā)APP。我們提倡用最少的代碼，完成最多的操作，用最高的效率，完成最復(fù)雜的功能。
功能：
一個(gè)android的orm 和 ioc 框架。同時(shí)封裝了android中的Bitmap與Http操作的框架，使其更加簡(jiǎn)單易用;
KJFrameForAndroid開(kāi)發(fā)框架的設(shè)計(jì)思想是通過(guò)封裝Android原生SDK中復(fù)雜的復(fù)雜操作而達(dá)到簡(jiǎn)化Android應(yīng)用級(jí)開(kāi)發(fā)，最終實(shí)現(xiàn)快速而又安全的開(kāi)發(fā)APP?？偣卜譃槲宕竽K：UILibrary，UtilsLibrary，HttpLibrary，BitmapLibrary，DBLibrary。
六、 dhroid
dhroid 是基于android 平臺(tái),
極速開(kāi)發(fā)框架，其核心設(shè)計(jì)目標(biāo)是開(kāi)發(fā)迅速、代碼量少、學(xué)習(xí)簡(jiǎn)單、功能強(qiáng)大、輕量級(jí)、易擴(kuò)展.使你更快,更好的開(kāi)發(fā)商業(yè)級(jí)別應(yīng)用
功能：
1.Ioc容器: (用過(guò)spring的都知道)視圖注入,對(duì)象注入,接口注入,解決類依賴關(guān)系
2.Eventbus: android平臺(tái)事件總線框架,獨(dú)創(chuàng)延時(shí)事件,事件管理輕松
3.Dhnet: 網(wǎng)絡(luò)http請(qǐng)求的解決方案,使用簡(jiǎn)單,減少代碼,自帶多種網(wǎng)絡(luò)訪問(wèn)緩存策略
4.adapter模塊: 數(shù)據(jù)綁定輕松,不用寫(xiě)多余的adapter,天生網(wǎng)絡(luò)支持(一行代碼搞定加載,刷新問(wèn)題)
5.DhDb: android中sqlite的最輕量orm框架(增刪改查輕松搞定)
6.Perference: android自帶Perference 升級(jí)版,讓你的Perference更強(qiáng)大,更方便
工具集合 JSONUtil(安全處理json),ViewUtil(數(shù)據(jù)綁定更快) ThreadWorker(異步任務(wù)工具)...
七、 SmartAndroid
SmartAndroid是一套給
Android開(kāi)發(fā)者使用的應(yīng)用程序開(kāi)發(fā)框架和工具包。它提供一套豐富的標(biāo)準(zhǔn)庫(kù)以及簡(jiǎn)單的接口和邏輯結(jié)構(gòu)，其目的是使開(kāi)發(fā)人員更快速地進(jìn)行項(xiàng)目開(kāi)發(fā)。使用
SmartAndroid可以減少代碼的編寫(xiě)量，并將你的精力投入到項(xiàng)目的創(chuàng)造性開(kāi)發(fā)上。
功能：
SmartAndroid 擁有全范圍的類庫(kù)，可以完成大多數(shù)通常需要的APP開(kāi)發(fā)任務(wù)，包括：
異步網(wǎng)絡(luò)操作相關(guān)所有功能、強(qiáng)大的圖片處理操作、輕量級(jí)ORM數(shù)據(jù)庫(kù)Sqlite庫(kù)、zip操作
、動(dòng)畫(huà)特效、Html等解析采集、事件總線EventBus/Otto、Gson(Json)、AQuery、主流所有UI控件(例如：ActionbarSherlock，SlidingMenu，BottomView，Actionbar，DragListView等10多種UI庫(kù))等。
開(kāi)源項(xiàng)目其實(shí)有一個(gè)成熟周期，這個(gè)周期大概是三年左右，自React框架在2013年發(fā)布并引爆了前端框架的大潮，這個(gè)屬于前端的周期就此開(kāi)始了。
之后在2015年5月開(kāi)源的React Native又開(kāi)啟了屬于Web移動(dòng)前端的周期，15-16年，18-19年，21-22年正好就是屬于移動(dòng)前端的三個(gè)爆發(fā)點(diǎn)。
三年前，在第一個(gè)成熟收獲期，我盤(pán)點(diǎn)了移動(dòng)開(kāi)發(fā)框架。在這第二個(gè)成熟收獲期，理所當(dāng)然要來(lái)盤(pán)點(diǎn)一波。
不過(guò)，當(dāng)我點(diǎn)開(kāi)github項(xiàng)目的code-frequency時(shí)，還是被這個(gè)準(zhǔn)到嚇人的周期猜想驚呆了，先給你們看一波，剩下的自行驗(yàn)證。
1、
2、
再來(lái)說(shuō)第二個(gè)比較有意思的發(fā)現(xiàn)，停止維護(hù)的項(xiàng)目絕大多數(shù)是Vue框架項(xiàng)目。
盤(pán)點(diǎn)開(kāi)始的時(shí)候我還覺(jué)得React框架處于絕對(duì)劣勢(shì)，到完成時(shí)我發(fā)現(xiàn)React無(wú)論在選擇面還是成熟度上都超過(guò)了Vue。
原因我這里就不分析了，反正大家都有自己的看法。
網(wǎng)頁(yè)類框架就是前端組件框架，這一次雖然有大量項(xiàng)目停止維護(hù)，但是也有很多項(xiàng)目堅(jiān)持了下來(lái)，而且還涌現(xiàn)出了一批新項(xiàng)目。
大廠占了主導(dǎo)，因?yàn)檫@些年大廠在移動(dòng)開(kāi)發(fā)上的需求，遠(yuǎn)高于其它方面。個(gè)人項(xiàng)目要堅(jiān)持確實(shí)不易。
本來(lái)是想要做一個(gè)驗(yàn)證項(xiàng)目，把所有框架都試用一遍并給出推薦度的。由于進(jìn)度太慢，還是下一次再發(fā)吧。
這次的重點(diǎn)是漸進(jìn)類框架，就是所謂多端同構(gòu)框架（小程序框架）。這幾年國(guó)內(nèi)的重點(diǎn)的各種小程序平臺(tái)，所以多端框架的需求很是旺盛。
不過(guò)大多數(shù)先行者都沒(méi)挺過(guò)來(lái)還是讓我很意外，只有Taro成功了，想想還是有很多讓人唏噓的東西。
在這里還是先預(yù)測(cè)一波吧，因?yàn)檫@一類框架最變化最大，最終還是有很多框架要出局的。
漸進(jìn)類框架是一個(gè)過(guò)渡性的產(chǎn)品，最終會(huì)變成橋接類框架的一部分，所以，與橋接類框架協(xié)同才是框架的出路。
這個(gè)賽道基本全是大廠了。
騰訊新一代跨端開(kāi)發(fā)框架Hippy
Hippy一看就是淘寶Weex的對(duì)標(biāo)項(xiàng)目，Kpi功能全面壓制。所以官方支持 React 和 Vue 兩種主流前端框架。在Weex2019年實(shí)質(zhì)停更后發(fā)布，要不要這么卷？
Hippy 2.x 架構(gòu)主要分成三層，UI(JS) 層 Hippy-React 和 Hippy-Vue 負(fù)責(zé)驅(qū)動(dòng) UI 指令生成；中間層 C++ HippyCore 負(fù)責(zé)抹平平臺(tái)差異性和提供高性能模塊；渲染層 Android 和 iOS 負(fù)責(zé)提供終端底層模塊、組件，并與布局引擎通信。
對(duì)Weex慘遭遺棄，我上次就說(shuō)過(guò)：「ReactNative提供工具，Weex提供框架，將平臺(tái)差異化屏蔽（Write Once, Run Everywhere）。所以Weex則注定功能相對(duì)弱小，并且坑比較多?！筗eex最終下馬也是必然的，淘寶又發(fā)布升級(jí)版北海，為了實(shí)現(xiàn)（Write Once, Run Everywhere），它采用自繪，而且是基于Flutter自繪。
所以Hippy3.x就一如既往的Kpi功能層層加碼，很有騰訊風(fēng)格。在未來(lái)的 3.x 中業(yè)務(wù)與渲染層中的具體實(shí)現(xiàn)可根據(jù)用戶實(shí)際場(chǎng)景進(jìn)行切換：業(yè)務(wù)層上不再局限于 JS 驅(qū)動(dòng)，還可選擇（如：DSL/Dart/WASM 等）其它語(yǔ)言進(jìn)行驅(qū)動(dòng)；在渲染層中，渲染引擎除了支持現(xiàn)有原生（Native）渲染之外，還可以選擇其他渲染 Renderer，如 Flutter(Voltron) 渲染。
「Kraken 北海」是一款高性能Web渲染引擎。底層基于 Flutter 進(jìn)行渲染。
Kraken 不限制上層開(kāi)發(fā)者使用的框架，無(wú)論你是使用 Vue 、Rax 還是 React 都可以開(kāi)發(fā) Kraken 應(yīng)用。
Kraken 的 runtime 通過(guò) JS Engine Binding 的方式提供了一系列 Web 標(biāo)準(zhǔn)的 API 接口，調(diào)用相應(yīng) API 會(huì)執(zhí)行相關(guān)邏輯并創(chuàng)建一系列需要發(fā)送給 Dart 層處理的指令。
Kraken 其實(shí)就是一個(gè)小程序平臺(tái)，而且追求全平臺(tái)完全一致。我雖然認(rèn)為各平臺(tái)不一致是很自然的事情，但是也表示理解，畢竟別人吹牛有當(dāng)真的傳統(tǒng)（KFC表示認(rèn)同）。
Kraken 現(xiàn)在也是一個(gè)小號(hào)瀏覽器，所以它的主要工作就是摳標(biāo)準(zhǔn)，畢竟它是一款基于 W3C 標(biāo)準(zhǔn)的高性能渲染引擎。
最后，我勸淘寶領(lǐng)導(dǎo)定Kpi要理智些，畢竟Hippy4我還蠻期待的。
滴滴出品的超輕量級(jí)動(dòng)態(tài)化跨端開(kāi)發(fā)框架，主打輕量和實(shí)用。
Hummer 以 JS 引擎為基石，目前已支持 JavaScriptCore、Hermers、QuickJS 等業(yè)內(nèi)知名 JS 引擎（這里本來(lái)還有個(gè)V8的，我刪除了，源碼里面沒(méi)有，Kpi需要）。再配合經(jīng)過(guò)調(diào)優(yōu)的 Yoga 布局引擎，抹平了兩端視圖布局差異（性能更佳的自研布局引擎開(kāi)發(fā)中）。順便提一下，Hippy采用V8（功能更強(qiáng)）自研布局引擎（性能更佳）。
Hummer 的特點(diǎn)是拋棄了業(yè)界其他動(dòng)態(tài)化跨端框架普遍使用的DSL層和VDOM層，因此原生 Hummer 不具備前端開(kāi)發(fā)常用的響應(yīng)式編程的能力，但同時(shí)換來(lái)的是接近原生開(kāi)發(fā)的體驗(yàn)和性能。再以原生 Hummer 為基礎(chǔ)，在此之上開(kāi)發(fā)了一套基于MVVM架構(gòu)的開(kāi)發(fā)框架 —— Tenon ，通過(guò) Tenon，可以把使用 Vue/React 編寫(xiě)的代碼，轉(zhuǎn)換成原生 Hummer 的代碼。
Hummer也是一個(gè)小程序平臺(tái)，而且超輕量。如果想要無(wú)限提升自己APP的能力，可以考慮嵌入Hummer。
Web移動(dòng)前端框架正在迎來(lái)第三個(gè)高速發(fā)展期，各類框架得到極大繁榮。
個(gè)人在具體項(xiàng)目的貢獻(xiàn)已經(jīng)微乎其微了，創(chuàng)新、架構(gòu)創(chuàng)新是唯一制勝的手段，這也是我看好React的根本原因。
最后，還是想做點(diǎn)微不足道的 探索 ，現(xiàn)在前端組件庫(kù)層出不窮，更換組件庫(kù)帶來(lái)的代價(jià)有點(diǎn)大。想創(chuàng)建一個(gè)框架，來(lái)實(shí)現(xiàn)上次說(shuō)的組件公約數(shù)和公倍數(shù)，無(wú)縫切換組件庫(kù)。理論上支持所有組件庫(kù) ，也能為后來(lái)者提供彎道超車的機(jī)會(huì)。我想大廠可能沒(méi)有需求，也不會(huì)愿意發(fā)布這種框架，畢竟都是平臺(tái)部門(mén)說(shuō)了算。
這個(gè)庫(kù)就是useMobile，當(dāng)然分為useMobileReact和useMobileVue。下次先發(fā)布useMobileReact。等我發(fā)布后，再來(lái)填上面表中缺的推薦度。
原文地址：
jQuery UI是以 jQuery 為基礎(chǔ)的開(kāi)源 JavaScript 網(wǎng)頁(yè)用戶界面代碼庫(kù)。包含底層用戶交互、動(dòng)畫(huà)、特效和可更換主題的可視控件。我們可以直接用它來(lái)構(gòu)建具有很好交互性的web應(yīng)用程序。所有插件測(cè)試能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome。
目前，前端開(kāi)發(fā)領(lǐng)域類似于有一下幾個(gè)：
1、jQuery EasyUI
jQuery EasyUI是一組基于jQuery的UI插件集合體，而jQuery EasyUI的目標(biāo)就是幫助web開(kāi)發(fā)者更輕松的打造出功能豐富并且美觀的UI界面。開(kāi)發(fā)者不需要編寫(xiě)復(fù)雜的javascript，也不需要對(duì)css樣式有深入的了解，開(kāi)發(fā)者需要了解的只有一些簡(jiǎn)單的html標(biāo)簽。
2、Bootstrap
Bootstrap，來(lái)自 Twitter，是目前很受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它簡(jiǎn)潔靈活，使得 Web 開(kāi)發(fā)更加快捷。 它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開(kāi)發(fā)，是一個(gè)CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動(dòng)態(tài)CSS語(yǔ)言Less寫(xiě)成。Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門(mén)開(kāi)源項(xiàng)目，包括NASA的MSNBC（微軟全國(guó)廣播公司）的Breaking News都使用了該項(xiàng)目。 國(guó)內(nèi)一些移動(dòng)開(kāi)發(fā)者較為熟悉的框架，如WeX5前端開(kāi)源框架等，也是基于Bootstrap源碼進(jìn)行性能優(yōu)化而來(lái)。
3、Boilerplate
Boilerplate是一個(gè)由 Paul Irish（Google Chrome 開(kāi)發(fā)人員、jQuery 項(xiàng)目成員、Modernizr 作者、yayQuery 播客主持人）主導(dǎo)的“前端開(kāi)發(fā)模版”。
HTML5 Boilerplate 是一套具有非常多先進(jìn)特性的框架，其特性簡(jiǎn)單介紹如下：
（1）由 Paul Irish 首創(chuàng)的在 HTML 頁(yè)面的 body 上使用 IE 條件注釋判斷瀏覽器版本，從而大大簡(jiǎn)化了針對(duì) IE Hack 的成本（在后來(lái)的版本中升級(jí)為在 html 標(biāo)簽中加入條件注釋） （2）HTML5 集成，默認(rèn)使用了很多 HTML5 的特性，并且使其兼容舊版本瀏覽器
（3）大量針對(duì)服務(wù)器的默認(rèn)配置，無(wú)需修改即可配置一個(gè)安全、標(biāo)準(zhǔn)的 web 服務(wù)器
（4）完整的 JS 調(diào)試機(jī)制 —— 即使在 IE 下
（5）大量使用 CSS3 技術(shù)，并且集成了幾乎所有來(lái)自框架中和技術(shù)大牛們口頭相傳的 CSS 技巧
（6）為所有瀏覽環(huán)境做了優(yōu)化，包括移動(dòng)版本和打印版本
（7）默認(rèn)內(nèi)置 Modernizr，可以檢測(cè)瀏覽器對(duì)新特性的支持能力，方便針對(duì)舊版本瀏覽器優(yōu)化
4、 jQuery Mobile
jQuery Mobile是jQuery 在手機(jī)上和平板設(shè)備上的版本。jQuery Mobile 不僅會(huì)給主流移動(dòng)平臺(tái)帶來(lái)jQuery核心庫(kù)，而且會(huì)發(fā)布一個(gè)完整統(tǒng)一的jQuery移動(dòng)UI框架。支持全球主流的移動(dòng)平臺(tái)。jQuery Mobile開(kāi)發(fā)團(tuán)隊(duì)說(shuō)：能開(kāi)發(fā)這個(gè)項(xiàng)目，我們非常興奮。移動(dòng)Web太需要一個(gè)跨瀏覽器的框架，讓開(kāi)發(fā)人員開(kāi)發(fā)出真正的移動(dòng)Web網(wǎng)站。
給大家介紹幾個(gè)在Web前端界比較優(yōu)秀的前端框架。
1、Bootstrap
Twitter出品的Bootstrap在業(yè)界是非常受歡迎的，以致于有很多前端框架都在其基礎(chǔ)上開(kāi)發(fā)，如我們熟悉的WeX5就是在Bootstrap源碼基礎(chǔ)上優(yōu)化而來(lái)的。我相信大多數(shù)接觸過(guò)前端開(kāi)發(fā)的同學(xué)多少都了解過(guò)這個(gè)優(yōu)秀的前端框架。Bootstrap是基于HTML、CSS和Javascript的，它簡(jiǎn)潔靈活，可以使得Web開(kāi)發(fā)更加敏捷。
它提供優(yōu)雅的HTML和CSS規(guī)范，在jQuery的基礎(chǔ)上進(jìn)行更加個(gè)性化和人性化的完善。兼容大部分jQuery插件，并包含了豐富的Web組件，如下拉菜單、按鈕式下拉菜單、導(dǎo)航條、按鈕組、分頁(yè)、縮略圖、進(jìn)度條和媒體對(duì)象等。自帶了13個(gè)jQuery插件，其中有模式對(duì)話框、標(biāo)簽頁(yè)、滾動(dòng)條和彈出框等。
2、Foundation框架
Foundation框架總體來(lái)看要比Bootstrap略顯高大上一點(diǎn)，但他們倆的設(shè)計(jì)理念都是非常清楚的，Bootstrap有引導(dǎo)的意思，它嘗試處理你項(xiàng)目中的一切所需。Foundation有基礎(chǔ)、地基及支柱的意思，給你項(xiàng)目中強(qiáng)有力的創(chuàng)造與支持。相對(duì)于Bootstrap豐富的組件及插件，F(xiàn)oundation僅提供了有限的幾種元素，其目標(biāo)是，即使你使用預(yù)定義的UI元素，也不應(yīng)該與大家的網(wǎng)站長(zhǎng)得太像。
而B(niǎo)ootstrap則致力于提供所有定義好的元素，這樣使得看起來(lái)許多網(wǎng)站都差不多。Foundation默認(rèn)不帶圖標(biāo)集，它推薦使用開(kāi)源字體圖標(biāo)。與Bootstrap一樣，F(xiàn)oundation使用網(wǎng)格流式布局將網(wǎng)頁(yè)劃分為12列，針對(duì)不同的設(shè)備顯示不同的列數(shù)，實(shí)現(xiàn)響應(yīng)式布局。但Foundation不支持舊版本瀏覽器。其他特性如有興趣可進(jìn)一步了解。
3、Curl
Curl 是一個(gè)命令行工具，用于通過(guò) HTTP(s)、FTP 和數(shù)十種其它協(xié)議進(jìn)行請(qǐng)求。使用Curl可以進(jìn)行文件下載、檢查響應(yīng)標(biāo)題和自由訪問(wèn)遠(yuǎn)程數(shù)據(jù)。
在 Web 開(kāi)發(fā)中，Curl 經(jīng)常和 RESTful API 一起使用，用于測(cè)試連接。
# Fetch the headers of a URL.curl -I 302 FoundCache-Control: privateContent-Type: text/html; charset=UTF-8Referrer-Policy: no-referrerLocation: ;ei=0fCKWe6HCZTd8AfCoIWYBQContent-Length: 258Date: Wed, 09 Aug 2017 11:24:01 GMT# Make a GET request to a remote API.curl is the number of days it takes Saturn to orbit the Sun.
Curl 命令可能比上述代碼更復(fù)雜。有許多選項(xiàng)用于控制 headers、Cookie、身份驗(yàn)證等。了解更多，請(qǐng)閱讀Everything curl。
4、Tree
Tree 是一個(gè)小型的命令行實(shí)用程序，它將目錄中的文件以可視化的方式進(jìn)行顯示。它采用遞歸運(yùn)行的方式，遍歷每個(gè)級(jí)別的嵌套并繪制所有內(nèi)容的格式樹(shù)。這樣就能快速的瀏覽并查找需要的文件。
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
還可以使用簡(jiǎn)單的 regEx 模式來(lái)過(guò)濾結(jié)果：
tree -P '*.min.*'.├── css│ ├── bootstrap.min.css├── fonts└── js └── bootstrap.min.js
5、Tmux
根據(jù)維基的解釋，Tmux 是一個(gè)終端復(fù)用器。通俗的說(shuō)，它是一個(gè)能將多個(gè)終端連接到單個(gè)終端會(huì)話的工具。
Tmux允許用戶在終端中的程序之間切換，添加屏幕窗格，并將多個(gè)終端連接到同一個(gè)會(huì)話，使其保持同步。在遠(yuǎn)程服務(wù)器上工作時(shí)，Tmux 特別有用，因?yàn)樗试S用戶創(chuàng)建新的選項(xiàng)卡，而無(wú)需再次登錄。
6、du
du命令用于生成關(guān)于文件和目錄的空間使用情況的報(bào)告。du很容易使用，可以遞歸地運(yùn)行，遍歷每個(gè)子目錄并返回每個(gè)文件的大小。
du 的常見(jiàn)用例是：當(dāng)某個(gè)驅(qū)動(dòng)器的空間不足，用戶不清楚每個(gè)存儲(chǔ)器的大小。使用此命令可以快速查看每個(gè)文件夾所占用的存儲(chǔ)空間，從而找到占用最大空間的存儲(chǔ)器。
7、AUI
AUI是最近流行起來(lái)的，作者聲稱是專為APIClound設(shè)計(jì)的一套框架，解決了許多移動(dòng)端開(kāi)發(fā)實(shí)際中遇到的許多問(wèn)題，是一個(gè)純CSS框架。使用容器+布局+模塊的構(gòu)建方式，JS輔助，更自由更靈活更易于擴(kuò)展使用。遵循Google Material設(shè)計(jì)規(guī)范，完美適配各個(gè)機(jī)型。面向HTML5，使用CSS3實(shí)現(xiàn)動(dòng)畫(huà)交互，輕量級(jí)高性能。AUI是使用MIT License授權(quán)，你可以復(fù)制、出售。目前最新版本2.0。
8、Amaze UI
這是稱為妹子UI的開(kāi)源框架，據(jù)稱是中國(guó)首個(gè)開(kāi)源HTML5跨屏前端框架。妹子UI以移動(dòng)優(yōu)先為理念，從小屏逐漸到大屏，實(shí)現(xiàn)響應(yīng)式網(wǎng)頁(yè)。Amaze UI包含20+個(gè)CSS組件、20+個(gè)JS組件，更有多個(gè)包含不同主題的Web組件。相比國(guó)外框架，妹子UI關(guān)注中文排版提供本地化支持。面向HTML5開(kāi)發(fā)，使用CSS3來(lái)實(shí)現(xiàn)動(dòng)畫(huà)交互，輕量級(jí)高性能。
9、Frozen UI
Frozen UI是一款開(kāi)源，簡(jiǎn)單易用，輕量敏捷的移動(dòng)端框架?；谑諵樣式規(guī)范，目前全面應(yīng)用于企鵝手Q增值業(yè)務(wù)中。基礎(chǔ)樣式效果簡(jiǎn)單色調(diào)清爽，社區(qū)活躍，組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項(xiàng)卡等等常用組件。還包括一個(gè)FrozenJs的JS組件庫(kù)?？梢栽谥髁鞯腁ndroid和IOS上應(yīng)用?；緲邮绞褂秒x線包的方式減少請(qǐng)求提供快速接入方案。當(dāng)然，根據(jù)網(wǎng)友反映，也存在大大小小的bug。不過(guò)總體來(lái)說(shuō)，還是值得一用的。奇怪的是，Github上顯示的最后更新時(shí)間是一年前，難道已經(jīng)沒(méi)人維護(hù)了嗎？
# 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
還有一個(gè)相似的命令 df（Disk Free），使用df會(huì)返回有關(guān)可用磁盤(pán)空間的各種信息。
以上介紹了現(xiàn)在熱門(mén)的幾個(gè)Web前端框架，以及它們的主要功能，希望對(duì)大家學(xué)習(xí)Web前端有所幫助。
web前端的主流框架，下面，我具體給你介紹一下：
1、Angular：Angular是一款優(yōu)秀的前端JS框架，Angular有著諸多特性，最為核心的是MVW（Model-View-Whatever）、模塊化、自動(dòng)化雙向數(shù)據(jù)綁定、語(yǔ)義化標(biāo)簽、依賴注入等等。Angular是一個(gè)比較完善的前端框架，包含服務(wù)，模板，數(shù)據(jù)雙向綁定，模塊化，路由，過(guò)濾器，依賴注入等所有功能，在自定義指令后可以在項(xiàng)目中多次使用。
2、React：React可以非常輕松地創(chuàng)建用戶交互界面。為你應(yīng)用的每一個(gè)狀態(tài)設(shè)計(jì)簡(jiǎn)潔的視圖，在數(shù)據(jù)改變時(shí)React也可以高效地更新渲染界面。React為你程序編寫(xiě)?yīng)毩⒌哪K化UI組件，這樣當(dāng)某個(gè)或某些組件出現(xiàn)問(wèn)題是，可以方便地進(jìn)行隔離。
3、Vue：近幾年最火的前端框架當(dāng)屬Vue.js了，Vue.js是一個(gè)構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的Web界面的漸進(jìn)式框架。Vue.js的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的API實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。Vue對(duì)模塊很友好，可以通過(guò)NPM、Bower或Duo安裝，不強(qiáng)迫你所有的代碼都遵循Angular的各種規(guī)定，使用場(chǎng)景更加靈活。
以上三個(gè)就是我給你介紹的關(guān)于web前端主流的框架，希望我的回答對(duì)你有所幫助
重慶分公司
重慶分公司
