原理

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

最新文章

  1. python学习09——字典(3)
  2. Jena语义Web开发101
  3. HTTP权威指南之连接管理
  4. C语言的32个关键字
  5. angularJs 页面筛选标签小功能
  6. Demo_敌军坦克生成,坦克移动(可以拓展发射子弹,敌军消失获取分数或者添加动画,声音功能)
  7. 选项卡 js操作
  8. android移植pppoe拨号上网的全过程
  9. oracle 锁表、解锁的语句
  10. mac下安装composer
  11. bug--Unable to add window –token is not valid; is your activity running?
  12. linux清屏命令(clear,reset)
  13. Spring Boot 引入自定义yml
  14. Flask 应用最佳实践
  15. AI时代大点兵-国内外知名AI公司2018年最新盘点
  16. Hadoop2.0 Namenode HA实现方案
  17. 【tomcat】sessionId学习(未完待续)
  18. Xcode 如何导入IOS项目
  19. T-SQL编程中的异常处理-异常捕获(try catch)与抛出异常(throw)
  20. My first paper is now available online

热门文章

  1. App Distribution Guide (二)
  2. IOS设置UIView的边框为圆角
  3. [置顶] cAdvisor、InfluxDB、Grafana搭建Docker1.12性能监控平台
  4. swift初探(供objective c开发人员參考)
  5. 蓝的成长记——追逐DBA(5):不谈技术谈业务,恼人的应用系统
  6. Java程序猿的JavaScript学习笔记(12——jQuery-扩展选择器)
  7. POJ 2029 Get Many Persimmon Trees (二维树状数组)
  8. Oracle 11g 递归+ exists运行计划的改变
  9. 【Excle数据透视表】如何快速选定数据透视表的汇总行并添加绿色底纹
  10. 每日一招:如何才能在A股持续盈利?