1. <strong id="7actg"></strong>
    2. <table id="7actg"></table>

    3. <address id="7actg"></address>
      <address id="7actg"></address>
      1. <object id="7actg"><tt id="7actg"></tt></object>

        Global Mobile UI移動端組件庫

        聯(lián)合創(chuàng)作 · 2023-09-25 01:21

        GMU(Global Mobile UI)是百度前端通用組開發(fā)的移動端組件庫,具有代碼體積小、簡單、易用等特點,組件內(nèi)部處理了很多移動端的bug,覆蓋機型廣,能大大減少開發(fā)交互型組件的工作量,非常適合移動端網(wǎng)站項目。

        特點:

        1. 簡單易用

        jQuery UI 使用風(fēng)格,鏈?zhǔn)秸{(diào)用

        你只需要在頁面上書寫簡單的html, 就可以生成豐富易用的UI組件,原來webapp的開發(fā)可以變得如此簡單!

        2. 輕量級

        基于zepto的mobile UI組件庫

        GMU組件在輕量級的zepto上開發(fā),組件根據(jù)功能再劃分顆粒化的插件,css將骨架與皮膚拆解,你終于可以最小化按需加載啦!

        3. 文檔豐富,自定義下載

        豐富的文檔,支持自定義下載

        GMU API文檔中詳細描述各組件參數(shù)、事件、方法,每個組件的demo豐富易用。你可以從git上下載代碼,也可以按需自定義下載

        4. 專業(yè)穩(wěn)定

        專業(yè)QA團隊,多平臺支持

        百度專業(yè)QA團隊持續(xù)跟進,上千自動化測試用例支持。開設(shè)論壇、QQ群等,支持iOS4+ / android2.1+, 支持默認/UC/QQ/Chrome等瀏覽器

        5. 豐富實用UI組件

        基于移動端交互的豐富易用UI組件

        GMU組件包括suggestion, dialog, navigator, tabs, toolbar等14個通用組件,支持iOS4+, android2.1+,讓你的移動開發(fā)不再是難題

        6. 開源免費

        完全開源免費

        開源基于BSD協(xié)議,支持商業(yè)和非商業(yè)用戶的免費使用和任意修改。

        Fork us on github

        命令行工具

        命令行工具提供代碼打包,規(guī)范檢測和生成文檔功能。

        環(huán)境依賴

        • git

        • node(包括npm)

        • grunt (npm install -g grunt-cli)

        1. 如何跑Demo

        如果想要本地跑demo需要做以下幾步操作。由于gmu沒有直接存放zepto的代碼,而是引用了zepto官方倉庫。所以需要通過git命令 去zepto官方倉庫取代碼,然合并成zepto.js。不過這個過程已經(jīng)寫好了腳本,只要按以下步驟操作,腳本能把這個工作完成。

        打開命令行工具。

        1. git clone https://github.com/gmuteam/GMU.git 把gmu代碼checkout到當(dāng)前目錄下的GMU目錄里面

        2. cd GMU 進入GMU目錄

        3. npm install 安裝node依賴。

        4. grunt dist 生成合并的zepto.js, gmu.js到dist目錄。

        2. 打包代碼

        grunt concat

        grunt concat_gmu

        3. 代碼規(guī)范檢測

        gmu所有的代碼要求通過此內(nèi)定代碼規(guī)范, 通過以下命令可以得到檢測結(jié)果grunt jsbint

        4. 生成文檔

        通過以下命令可以在doc目錄下生成靜態(tài)文檔,也可以在線查看;grunt doc

        關(guān)于dist目錄

        如果不想自己打包也可以直接使用 dist 目錄中打包好的資源,其中包括

        reset.css
        gmu.css
        zepto.js
        gmu.js

        按順序直接引用即可,此外,dist 中還有壓縮版本,可以按需使用。

        需要注意的是,GMU中有些插件是無法共存的,因此 dist 目錄中的 gmu.js 中并不包含這些插件,如需自定打包規(guī)則請參考之前的打包教程。

        反饋bug

        如果您有任何關(guān)于GMU或移動前端開發(fā)中的問題,可以在QQ群中討論,也可以通過git issue給我們反饋bug,我們會盡快解決。 當(dāng)然,我們更歡迎您的fork,為GMU添磚加瓦。

        瀏覽 44
        點贊
        評論
        收藏
        分享

        手機掃一掃分享

        編輯 分享
        舉報
        評論
        圖片
        表情
        推薦
        點贊
        評論
        收藏
        分享

        手機掃一掃分享

        編輯 分享
        舉報
        1. <strong id="7actg"></strong>
        2. <table id="7actg"></table>

        3. <address id="7actg"></address>
          <address id="7actg"></address>
          1. <object id="7actg"><tt id="7actg"></tt></object>
            91制片 | 揉我啊嗯~出水了 | 草逼视频免费观看 | 中文字幕无码av波多野结衣 | 美女毛茸茸的阴户视频 | 用力灬受不了了 | 国漫女神裸体福利网站 | 人人操人人插人人摸 | 国产足交在线 | 久久成人毛片 |