HTML5+开发移动app教程2-原理介绍
来源:互联网 发布:新日铁住金软件 薪资 编辑:程序博客网 时间:2024/05/29 18:11
原理
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
原文连接:http://blog.csdn.net/uikoo9/article/details/43485567
- HTML5+开发移动app教程2-原理介绍
- HTML5+开发移动app教程2-原理介绍
- HTML5开发移动APP原理介绍
- HTML5+开发移动app教程
- 基于HTML5移动app开发教程一
- html5+开发移动app
- Html5 移动app开发
- HTML5+开发移动app教程3-mui开发示例
- HTML5+开发移动app教程3-mui开发示例
- HTML5+开发移动app教程1-环境搭建
- HTML5+开发移动app教程1-环境搭建
- HTML5+开发移动app教程1-环境搭建
- 跨平台移动APP开发进阶(二)HTML5+、mui开发移动app教程
- 跨平台移动APP开发进阶(二)HTML5+、mui开发移动app教程
- 跨平台移动APP开发进阶(二)HTML5+、mui开发移动app教程
- HTML5+、mui开发移动app
- 用HTML5开发移动APP
- 移动WEB APP HTML5使用介绍
- 学习vitamio
- Android TextView ClickableSpan 分段点击实现
- 20 个最棒的 JavaScript 图表库
- 如何实现函数来处理可变参数
- 第二本第七章上机1北大青鸟网站导航
- HTML5+开发移动app教程2-原理介绍
- 每周一书-《鸟哥的Linux私房菜基础学习篇(第四版)》台湾原版,你想要吗?
- wireshark抓rtmp协议包
- Delphi TreeView 基础与技巧(详解)
- 浅谈CSRF攻击方式
- Kali Linux Web 渗透测试秘籍 翻译完成!
- AndroidStudio报错AAPT: libpng error: Not a PNG file
- error LNK2019: 无法解析的外部符号 _gzputs,该符号在函数 "void __cdecl icvPuts(struct CvFileStorage *,char const
- js遍历一个div下的所有一个特定的标签