1. 程式人生 > >推薦手機H5應用快速開發 UI庫(Framework7、SUI(淘寶)、MUI、WeUI(微信)、GMU(百度)、Frozen UI(QQ))

推薦手機H5應用快速開發 UI庫(Framework7、SUI(淘寶)、MUI、WeUI(微信)、GMU(百度)、Frozen UI(QQ))

推薦手機H5應用快速開發 UI庫

Framework7(阿里巴巴)、SUI(淘寶)、MUI( dcloud-HBuilder)、WeUI(微信)、Frozen UI(騰訊手機QQ)、GMU(百度)、Amaze UI(雲適配) 等…

Framework7

Framework7 是一個開源免費的框架可以用來開發混合移動應用(原生和HTML混合)或者開發 iOS & Android 風格的WEB APP。也可以用來作為原型開發工具,可以迅速建立一個應用的原型。

Framework7 最主要的功能是可以使用HTML、CSS和JS來開發iOS7應用。Framework7 是完全免費開源的。
Framework7 並不能相容所有的裝置。她只專注於為 iOS 和 Google Material 設計提供最好的體驗。
如果你想開發 iOS 或者 Android 混合應用(Phonegap)或者你想開發 iOS 和 Google Material 風格的WEB APP,那麼Framework7將會是你的首選。
阿里巴巴旗下

http://framework7.taobao.org/
http://framework7.io/

SUI mobile

SUI Mobile 是一套基於 Framework7 開發的UI庫。它非常輕量、精美,只需要引入我們的CDN檔案就可以使用,並且能相容到 iOS 6.0+ 和 Android 4.0+,非常適合開發跨平臺Web App。

輕量的UI庫
SUI Mobile 非常輕量,核心庫壓縮Gzip後的JS、CSS網路傳輸體積總共只有52K,卻提供了20+個常用的元件。

對於只有HTML&CSS的元件,你只需要複製HTML程式碼既可以使用。他的大部分JS元件都是獨立的 Zepto 外掛,並且提供了 Zepto/jQuery 風格的API,你將會非常熟悉這種方式。
手機淘寶團隊規範

http://m.sui.taobao.org/

MUI

WeUI

微信官方 為微信Web服務量身設計
精而美適合簡單公眾號開發使用
https://weui.io

Frozen UI

專注於移動web的UI框架,基於騰訊手機QQ規範。目前QQ會員前端開發組所用的通用樣式庫
有很多酷炫好玩的案例秀
http://frozenui.github.io/

Amaze UI Touch

GMU

GMU是基於zepto的mobile UI元件庫,提供webapp、pad端簡單易用的UI元件!
百度團隊出品。但是好久沒更新了

http://gmu.baidu.com/

Framework7、 Amaze UI 強大
SUI、MUI、WeUI、Frozen UI 簡單實用

相關推薦

推薦手機H5應用快速開發 UIFramework7SUI()MUIWeUI()GMU(Frozen UIQQ

推薦手機H5應用快速開發 UI庫 Framework7(阿里巴巴)、SUI(淘寶)、MUI( dcloud-HBuilder)、WeUI(微信)、Frozen UI(騰訊手機QQ)、GMU(百度)、Amaze UI(雲適配) 等… Framework

推薦H5應用快速開發UI

好的 部分 文件 輕量 服務 ui組件 oba obi 基於 Framework7(阿裏巴巴)、SUI(淘寶)、MUI( dcloud-HBuilder)、WeUI(微信)、Frozen UI(騰訊手機QQ)、GMU(百度)、Amaze UI(雲適配) 等… Framewo

公眾平臺天氣預報開發

2.實現天氣資訊功能baiduWeather.php<?php /** * 使用百度天氣預報介面獲取城市天氣資訊案例實現 */ //獲取城市天氣資訊 function getWeatherInfo($cityName){ if

jQuery WeUI公從賬號開發UI

jQuery WeUI 是專為微信公眾賬號開發而設計的一個簡潔而強大的UI庫,包含全部WeUI官方的CSS元件,並且額外提供了大量的拓展元件,豐富的元件庫可以極大減少前端開發時間。 jQuery WeUI 的最大特點是它只提供UI元件,並不會對專案所使用的框架和其他庫有任何的限制,幾乎

erdaicms首款基於weui(網頁開發樣式)的前端模版上線

  微信為了配和微信小程式釋出(據小馬哥說,年前會發布哦),釋出了微信網頁開發樣式庫,為的是統一微信第三方程式的視覺效果,提升使用者體驗,為微信小程式做準備,Erdaicms第一時間做了跟蹤開發,現在,基於weui(微信網頁開發樣式庫)的前端模版上線,效果預覽:  

2016"之星" - 初賽Astar Round2A--HDU 5690 |數學轉化+快速

分享 otto lld 方法 can a* sca uic left Sample Input 3 1 3 5 2 1 3 5 1 3 5 99 69 Sample Output Case #1: No Case #2: Yes Case #3: Yes

支付之掃碼支付公眾號支付H5支付小程序支付相關業務流程分析總結

doc bsp 說明 引入 red 內容 bubuko url參數 數據 前言 很久以來,一直想寫一篇微信支付有關的總結文檔;一方面是總結自己的一些心得,另一方面也可以幫助別人,但是因種種原因未能完全理解透徹微信支付的幾大支付方式,今天有幸做一些總結上的文章,也趁此機會,將

webview中巢狀html實現精準定位地圖高德地圖騰訊地圖H5原生定位js對比

最近在實現一個功能,就是在安卓手機和蘋果手機嵌入html程式碼,實現精準定位,我為此對比幾種定位的方法。我要的是精準定位,就是誤差在100米左右的功能,類似與外賣app那種定位精確度 1. 首先是原生h5定位 if(browser.versions.an

Android studio3.0對於地圖api開發6——地圖地圖POI檢索

LatLngBounds bounds=new LatLngBounds.Builder().include(new LatLng(40.048459,116.302072)) .include(new LatLng(40.050675,116.30431

內建瀏覽器自動跳轉其它瀏覽器手機預設瀏覽器

最近在做一個專案,有一項功能是從微信中的分享頁或者產品推廣頁面中下載app;在微信中直接下載app時微信是“拒絕”的,所以一般的做法是點選下載按鈕彈出遮罩層,提示在瀏覽器中開啟,然後進入外部瀏覽器,再次點選下載按鈕進行下載,這種做法雖然能夠實現下載的功能,但是這麼長的操作非常容易導致潛在使用者的流失。 那麼

Android定位開發定位高德定位騰訊定位,三足鼎立一起為我所用!

這幾天的專案不是很緊,於是想為未來可能要做的專案做一些技術儲備。 下一個專案很有可能是定位開發,需要用到手機定位功能,於是查了查現在比較流行的第三方定位,最火的基本上就是百度定位>高德定位>騰訊定位了。 想了想不如做一個DEMO把三種定位方式混合一下試試。 Ba

《資料結構演算法與應用:C++語言描述》電子書下載 -網盤 高清版PDF格式

    作者:薩尼 (Sartaj Sahni) 出版日期:2010 年 1 月 出版社:機械工業出版社 頁數:542 ISBN:978-7-777-07645-2 檔案格式:PDF 檔案大小:16.48 MB   &n

bootstrap Jquery-WeUI開發頁面---怎麼自適應頁面

使用bootstrap 微信開發頁面,配置樣式使其可以自適應 在頁面中  新增 <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable

Android應用中開啟地圖高德地圖網頁版地圖

1.需求 在Android應用中開啟百度地圖或者高德地圖進行路線規劃,如果沒有安裝則開啟網頁百度地圖進行路線規劃。 2.API 2.1 開啟百度地圖應用 開啟文件可以看到功能還是很多的,這裡只介紹 公交、駕車、導航、步行和騎行導航 注:

小程式tab導航+滾動頂部吸附效果開發例項

<!-- scroll導航欄 --> <view class='scrollBox2 fix-news' wx:if="{{fixTop<scrollTop}}"&g

雲訊息推送Java服務端開發

註冊成為百度開發者 建立/配置應用(有Android 和 iOS 平臺) 1)獲取 ApiKey/SecretKey ApiKey是應用標識,在SDK呼叫過程中唯一標識一個應用 SecretKey是呼叫API時的Token,用來驗證請求的合法性,請注意保

開發分享 node.js直接使用C# java 通用

/** * 微信分享 */ $(function(){ if (browser.versions.mobile) {//判斷是否是移動裝置開啟。browser程式碼在下面 var ua = navigator.userAgent.to

vue單頁面開發專案,網頁標題title固定一個修改,安卓ios支援

一般情況下,修改頁面標題程式碼如下:document.title = '頁面標題'但是,在ios的微信上此做法無效,那麼我們就想辦法解決咯,方法如下document.setTitle = function(t) { document.title = t; var i = documen

內置瀏覽器自動跳轉其它瀏覽器手機默認瀏覽器

position 代碼 open dex 如何實現 更新 div mac 自己的 在我們使用微信營銷的時候,很容易碰到推廣連接在微信內無法打開或不提示前往瀏覽器打開。首先說一下推廣域名在微信內無法打開的問題,這是因為微信風控系統封殺了第三方下載鏈接,所以在微信內無法打開。其

iOS開發免費API使用案例身份證號獲取地址手機號查歸屬地MD5解密等

先附上百度APIStore的地址:APIStore 下面是其中幾個使用案例:考慮到我的部落格看的人比較少,裡面的apikey就不隱藏了。萬一有一天如果apikey使用頻率過高被封了,請自行去百度APIStore申請 (身份證號碼這倆,不太嚴謹,不能判斷出生日期是否正確,只能