html5-補充知識

原理

html5+開發app的原理大概是這樣：

html頁面負責內容；

ui負責頁面樣式；

js負責調用原生app方法。

html5

html5這部分負責頁面，也就是app中你看到的東西，大概的架構和內容

ui

ui負責頁面樣式，既然要作移動app，那作出的效果就得和移動端靠近，

這裏並無侷限於用那種ui，比較常見的適配移動端的ui框架有：

bootstrap

介紹：Twitter開發的ui框架，特色是能夠簡介美觀，能夠適配移動端（例如本站：http://uikoo9.com/）

中文官網：http://v3.bootcss.com/

amazeui

介紹：國人模仿bootstrap作的一個ui框架，我的感受有點多餘，有興趣的能夠看看

官網：http://amazeui.org/

jquery mobile

介紹：HBuilder實際上是模仿國外的phonegap，通用mui是模仿jquery mobile，可是感受也不錯

官網：http://jquerymobile.com/

mui

介紹：和HBuilder想搭配的移動ui，也和nativejs相搭配，感受還不錯，模仿的ios7界面風格

官網：http://dcloudio.github.io/mui/

framework7

介紹：國外一塊模仿ios7的ui框架，贊

官網：http://www.idangero.us/framework7/

nativejs

介紹：一個能夠調用android和ios原生方法的js

入門：http://ask.dcloud.net.cn/article/88

搭配

選擇：目前比較好的搭配是mui+nativejs+hbuilder，你也能夠嘗試其餘的組合，例如jqmobile+nativejs等

mui-demo：http://www.dcloud.io/hellomui/

nativejs-demo：http://www.html5plus.org/#case#/case/id/4.html

更多

更多文章請訪問：http://uikoo9.com/blog/list