中文字幕理论片,69视频免费在线观看,亚洲成人app,国产1级毛片,刘涛最大尺度戏视频,欧美亚洲美女视频,2021韩国美女仙女屋vip视频

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
幾個前端UI框架的的比較

首先是在問答里面看到了一個問題:
CSS框架 ui 有哪些啊(http://segmentfault.com/q/1010000002547926

剛開始接觸HTML剛開始接觸JS我也不懂就看了下- 正好我也在考慮怎么用HTML來搭我的APP UI。作為初學(xué)者,我發(fā)現(xiàn)Amaze UI是中文的,覺得對初學(xué)者看起來會更簡單 - 尤其對HTML CSS等一竅不通,很快有人推薦了Ratchet,看了下感覺用來做手機APP確實很簡單的樣子.. 開始糾結(jié)了.. 跟公司大神討教了下什么是UI框架以及一些主流的框架區(qū)別 優(yōu)劣勢,以及我們一些項目上使用的內(nèi)容后,大神總結(jié)出了以下內(nèi)容,受益匪淺 - 作為答案有點長,以博文形式發(fā)出來供大家一起探討下:

------- 以下分割線 --------
IoTgo 用的是 Bootstrap(http://getbootstrap.com),原先是 Twitter 內(nèi)部的一個 CSS 框架,后來開源放到 Github 上,成了 Github 上最熱門的項目。Bootstrap 在 3.0 版本之前,都是以桌面優(yōu)先,在 3.0 版本后,采用移動優(yōu)先,即很好的支持移動平臺,然后才考慮更好的支持桌面。所以 Bootstrap 對手機的支持也很好。

Foundation(foundation.zurb.com) 是設(shè)計公司 zurb.com 推出的開源 CSS 框架,在 CSS 框架領(lǐng)域是目前唯一能跟 Bootstrap 的競爭的項目。Foundation 的可定制性更好一些(因為是設(shè)計公司的產(chǎn)品,要應(yīng)對各種客戶需求),但入手難度也高一些。對于很多 Web 項目開發(fā)者而言,他們需要的就是一套簡單快捷的 UI,對其美觀性、可定制性要求不是太高,所以目前相對來講 Foundation 沒有 Bootstrap 熱門。

答案中推薦的Ratchet如何:
Ratchet 之前也是 Twitter 內(nèi)部的一個 CSS 框架,后來也是開源到 Github 上,目前是作為 Bootstrap 的子項目存在(http://blog.getbootstrap.com/2014/04/02/ratchet-2-0-2-released/),開發(fā) Ratchet 和 Bootstrap 的基本就是同一撥人。Ratchet 一開始就以移動為先,預(yù)先提供了很多移動平臺的常見 UI 工具,比如底部 Tab 標(biāo)簽欄、頂部標(biāo)題及后退按鈕、滑動的側(cè)邊欄等等——Bootstrap 也有,只是很多以插件形式存在,又或者需要自己做一些修改,不像 Ratchet 默認就有。

如果是做一個小項目,而且只以手機 App 的形式存在,可以考慮先用 Ratchet,如果同時兼容桌面,Bootstrap 更好一些。而且 Bootstrap 更新的速度更快,馬上 4.0 版本就要出來了,有很多針對移動平臺優(yōu)化的特性,而 Ratchet 已經(jīng)快一年沒更新了。

另外,目前的移動 CSS 框架(或者更合適的說,UI 框架),還有 Facebook 的 React(http://facebook.github.io/react/),Google 的 Angular Material(https://material.angularjs.org),Telerik 的 Kendo UI(www.telerik.com/kendo-ui),還有預(yù)先捆綁了 Cordova 的 Ionic Framework(ionicframework.com)等等。大家的評價大致是:

  • React:性能很好,因為采用了 Virtual DOM,但沒有默認支持 2 way data binding(雙向數(shù)據(jù)綁定),程序員需要自己做更多的工作來通過 UI 獲取用戶的輸入
  • Angular Material:前景非常好,只是目前處于 pre-release 階段(代碼兼容性和穩(wěn)定性都不是很好)。Angular目前幾乎已經(jīng)是前臺 MVC 框架的事實標(biāo)準(大約 70% 以上的占有率,其他的還有 Ember、Meteor、Backbone等等),Angular Material 基于 Google Material Design 開發(fā),默認支持 Angular,因而在 UI的美觀型和開發(fā)效率上都比較好。但性能是個問題,解決性能問題,需要程序員自己對代碼做優(yōu)化
  • Kendo UI:非常完備的 UI 框架,但是是商業(yè)版(前段時間將部分核心模塊開源了)。開發(fā)商業(yè) Web 或移動產(chǎn)品的企業(yè)更傾向Kendo UI 一些,因為可以得到很好的技術(shù)支持(當(dāng)然要花錢)。Angular 熱門知會,Telerik 也升級了 Kendo UI,使其能夠較好的跟 Angular 交互——Kendo UI 是 UI,Angular 是前臺代碼邏輯
  • Ionic Framework:目前非常熱門,因為他在 Angular 的基礎(chǔ)上開發(fā)了支持移動平臺的 UI Widget(UI組件)。Ionic Framework 搭好了整套移動開發(fā)環(huán)境(指的是 App 開發(fā),不是網(wǎng)站移動版)、UI 套件、JS框架(Angular),因而在 2014 年獲得巨大的社區(qū)反響。被譽為最有前景的移動開發(fā)框架(不僅僅是 UI 了)。

我個人對 Angular 比較熱衷,所以都會選擇能夠很好跟 Angular 交互的 CSS/UI 框架——一般來說,如果是純 CSS 框架,那么跟任一一個 MVC 框架(比如 Angular、Ember)都可以很好的配合;如果是 UI 框架,可能會有一些沖突。

之前我們的智能開關(guān)手機 App 是基于 Ionic Framework 來開發(fā)的,后來切換到 Angular Material。一個是 Ionic Framework 雖然入手簡單,但出現(xiàn) Bug 我搞不清楚該怎么修改(需要花時間研究 Ionic Framework 的內(nèi)部工作機制),二是我認為 Material Design 會成為 UI 設(shè)計的主流思想,Angular Material 會很快成熟起來。

本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
shirleyqin216
幾款開源的hybird移動app框架分析
優(yōu)秀的Web前端工程師應(yīng)該具備這些條件,你都會嗎?
HTML5移動開發(fā)的10大移動APP開發(fā)框架
ionic ui框架及creator使用幫助
忘了jQuery UI吧,這 5 個前端組件庫更好用!
更多類似文章 >>
生活服務(wù)
熱點新聞
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服