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