<del id="iunru"></del>
    1. <th id="iunru"><progress id="iunru"></progress></th>

    2. 返回頂部
        服務(wù)熱線(xiàn):400-816-8767

      建站前端技術(shù):10大H5前端框架

      分享到:
      點(diǎn)擊次數(shù):2700 更新時(shí)間:2017年09月15日08:36:00 打印此頁(yè) 關(guān)閉

      作為一名做為在前端死纏爛打6年并且懶到不行的攻城士,這幾年我還是閱過(guò)很多同門(mén)從知名到很知名的各種前端框架,本來(lái)想拿15-20個(gè)框架來(lái)分享一 下,但在跟幾個(gè)前輩討教寫(xiě)文章的技巧時(shí)果斷被無(wú)情的打擊了,所以這里我還是低調(diào)的只拿出10個(gè)框架來(lái)個(gè)大鍋亂燉來(lái)簡(jiǎn)單介紹,湊夠字?jǐn)?shù)也就全劇終了。

      Bootstrap

      官網(wǎng):http://getbootstrap.com/

      作者:Mark Otto 和Jacob Thornton Star:93,112

      AUI

      Github:https://github.com/liulangnan/aui

      作者:流浪男 Star:92

      Amaze UI

      官網(wǎng):http://amazeui.org/

      所屬公司:云適配 Star:6710

      Frozen UI

      Github:https://github.com/frozenui/frozenui

      作者: QQVIP FD Team Star:1,067

      Frozen UI

      Github:https://github.com/frozenui/frozenui

      作者: QQVIP FD Team Star:1,067

      WeUIi

      Github:https://github.com/weui/weui

      Star:7,129

      SUI

      Github:https://github.com/sdc-alibaba/sui

      Star:120

      第六個(gè)是近期剛起來(lái)的 AUI,雖然作者聲稱(chēng)是專(zhuān)為APICloud開(kāi)發(fā)者設(shè)計(jì)的一套UI框架,但實(shí)際它還是解決了很多移動(dòng)前端開(kāi)發(fā)的 普遍問(wèn)題,是它主要面向混合開(kāi)發(fā)的 CSS 框架。,所以看起來(lái)作者比較猖狂,各種CSS3 遍地使用,這也使得我不得不去查查這些 個(gè) CSS3 的兼容性。不負(fù)眾望果然選的都是兼容不錯(cuò)的屬性,哈哈了一頓激動(dòng)從前輩手上大膽認(rèn)識(shí)了幾個(gè)好東西,并且框架還提供了聊天界面、計(jì)數(shù)列表等組 件,解決了很多復(fù)雜的讓我罵娘的布局,現(xiàn)在可以直接拿走就用。

      官網(wǎng):http://www.auicss.com/

      總結(jié):這個(gè)框架對(duì)我來(lái)說(shuō)有個(gè)優(yōu)點(diǎn)就是純 CSS 框架,自己以前也就用過(guò) Pure,自己有點(diǎn) js 能力,如果不是復(fù)雜的效果自己找個(gè) 純 CSS 框架自己隨便改改就能達(dá)到效果,而現(xiàn)在 CSS3 也已經(jīng)能夠做到各種動(dòng)畫(huà),效率、質(zhì)量、高效各種一頓考慮所以還是選擇了這種 CSS 框 架。而一直覺(jué)得不滿(mǎn)的是這框架的文檔真的好那什么,說(shuō)好的高大上呢。

      曾經(jīng)一直使用 Android 系統(tǒng)的我,后來(lái)見(jiàn)到 IOS,果斷移情別戀了,不知道為什么蘋(píng)果每次調(diào)整系統(tǒng)我都特別喜歡,后來(lái)一段時(shí)間因?yàn)槿痹O(shè)計(jì) 我專(zhuān)門(mén)模仿 IOS 系統(tǒng)做 UI,但始終不能夠做到很好,無(wú)意間就發(fā)現(xiàn)了 MUI 這個(gè)框架,這個(gè)框架給我的吸引之處就是它的 UI 是以 IOS 為 主體設(shè)計(jì)的,當(dāng)然它也補(bǔ)充了android UI樣式。并且MUI官方聲稱(chēng)用來(lái)開(kāi)發(fā)深入以后發(fā)現(xiàn)拿它做 APP 還能夠提高用戶(hù)使用流暢度,然后便試著 更深入的了解和使用一段時(shí)間。

      Github:https://github.com/dcloudio/mui

      總結(jié):就像之前說(shuō)的這個(gè)框架是以?xún)纱笙到y(tǒng)為參照來(lái)封裝UI組件,框架自身還有一個(gè)較為活躍的社區(qū),不太好的地方這也是我特別關(guān)注的一點(diǎn),關(guān)于開(kāi)發(fā)應(yīng) 用的流暢度,我當(dāng)然知道這是 H5 目前的劣勢(shì),但是看到官網(wǎng)給的描述,還是抱著期待的心理試試看能否提升,然而它其實(shí)還是需要是借助 Webview來(lái) 提升,而不是框架本身。

      倒數(shù)第三個(gè)是 Semantic UI,接觸這個(gè)框架還是因?yàn)?Bootstrap,Semantic UI 剛上線(xiàn) github 就受到大量開(kāi)發(fā)者的關(guān)注,以至于很多人拿它倆對(duì)比各種挑刺各種夸,是好是壞不能單憑別人三句四句就抬起手指開(kāi)始贊,用了以后感覺(jué) UI 上跟 Bootstrap 沒(méi)太多的區(qū)別,不過(guò)代碼命名規(guī)范上卻相差甚大,本人認(rèn)為 Semantic UI 是不是就想做的不一樣,它的命名全是采用復(fù)合的方式,類(lèi)名特別的離散,用的時(shí)候你得很小心自己擴(kuò)展或者新增的 class 命名與它的類(lèi)名沖突。

      Github:https://github.com/semantic-org/semantic-ui/

      Foundation 算是框架界的元老啦,都說(shuō)框架去的早,而這個(gè)框架一直到現(xiàn)在依然這么的熱門(mén),如果你比較介意 Bootstrap 開(kāi)發(fā)撞臉的尷尬事情,那么你可以考慮使用 Foundation 。即使你使用預(yù)定義的 UI 元素, 也不會(huì)與其他網(wǎng)站太像,就像官方說(shuō)的給開(kāi)發(fā)者更靈活的框架體驗(yàn)。

      Github:https://github.com/zurb/foundation-sites

      UiKit

      Pure

      官網(wǎng):http://purecss.io/

      Star:13,592

      <p style="box-sizing:border-box;-webkit-tap-highlight-color:rgba(255, 0, 0, 0);margin-top:0px;margin-bottom:16px;color:#444444;font-family:" font-size:15px;white-space:normal;background-color:#ffffff;"=""> 介紹完畢,估計(jì)你應(yīng)該看出來(lái)了,我使用框架真的也就是遇到了需求,才選擇了某個(gè)框架,所以框架之間并沒(méi)有什么好與特好之分,只能說(shuō)你的需求是什么, 這個(gè)框架合適不合適你去用,各種框架用起來(lái)也都大致差不多,會(huì)用一個(gè)其他的上手也就都變得簡(jiǎn)單容易上手,我覺(jué)得能寫(xiě)框架的人都是室外高仁。
      上一條:純粹為seo優(yōu)化文章的幾種方式 下一條:2017網(wǎng)頁(yè)背景設(shè)計(jì)的五大趨勢(shì)
      亚洲精品无码高潮喷水A,国产三级日本三级在线观看,亞洲中文字幕第一,日韩欧美亚洲v片 免费在线看黄网站 欧美一级婬片人妻欧美大

        <del id="iunru"></del>
        1. <th id="iunru"><progress id="iunru"></progress></th>