前言
本教程是介绍使用html5+(nativejs)和mui开发移动app(包括android和ios),
感兴趣请继续,不感兴趣请跳过,大部分来自官方api,增加了一些自己的总结。
HBuilder
说明
用h5+开发app的环境,也是ide,对eclipse做了深度定制,以前使用过eclipse或者myeclipse可以直接上手
官网
http://www.dclo...
分类:
移动开发 时间:
2015-02-04 14:43:56
阅读次数:
257
原理
html5+开发app的原理大概是这样:
html页面负责内容;
ui负责页面样式;
js负责调用原生app方法。
html5
html5这部分负责页面,也就是app中你看到的东西,大概的架构和内容
ui
ui负责页面样式,既然要做移动app,那做出的效果就得和移动端靠近,
这里并没有局限于用那种ui,比较常见的适配移动端的ui框架有:
bootstrap...
分类:
移动开发 时间:
2015-02-04 14:40:23
阅读次数:
202
前言
看了前面两篇内容是否有点跃跃欲试了?
下面就开始一个简答的例子,以及mui相关内容
mui
官网:http://dcloudio.github.io/mui/
说明:希望你可以把官网内容通读一遍,这是以后开发的基础
开始
新建项目
在首页点击新建移动App,如下:
或者在项目管理器内右键新建,或者快捷键ctrl+n+a
选择模版
这里选择...
分类:
移动开发 时间:
2015-02-04 14:38:53
阅读次数:
594
主要内容:通过 一个博客网站和一个企业网站的制作 展示如何运用HTML5中的各种 结构元素,构建出一个语义清晰,结构分明的Web3.0时代的网站。案例1:用HTML5中的结构元素构建一个博客网站疑问:结构元素的作用?使用场合?使用方法?主要内容:1.HTML5的网页结构与HTML4的网页结构的区别。...
分类:
Web程序 时间:
2015-02-04 00:14:57
阅读次数:
220
mui是一个高性能的HTML5开发框架,从UI到效率,都在极力追求原生体验;这个框架自身有一些规则,刚接触的同学不很熟悉,特总结本文;想了解mui更详细的信息,请访问mui官网 DOM结构 关于mui页面的dom,你需要知道...
分类:
其他好文 时间:
2015-02-02 23:25:13
阅读次数:
704
一、教程重点:以综合性案例为导向,辅之以精要知识点二、内容概况: 第1部分:通过 大小型案例 对 各重要知识点进行详细讲解 第2部分:jWebSocket、RGraph、WebGL 三个重要框架的详细使用方法三、12章内容概要: 章1:利用html5中的 结构元素 构建一个博客网站和一个企业门...
分类:
Web程序 时间:
2015-02-02 22:54:45
阅读次数:
261
很久以前整理了篇将手机网站做成手机应用的JS框架。时隔一年多,很多新的技术已经出现,下面再来总结下还有哪些框架是适合面向手机设备的开发的。 ????1、jQuery Mobile ????jQuery Mobile 是 jQuery 在手...
分类:
移动开发 时间:
2015-01-26 15:20:33
阅读次数:
313
昨天研究Hybrid Android App中js和java代码之间数据共享的问题,具体场景是用户登录是android java实现,但有些业务是使用html5开发的,因此登录后到主页后,调整到某些HTML5业务页面需要传递用户的access_token, 目前想到的办法是在js端通过cordova插件访问存在Shared Preferences中的数据,但由于数据是异步返回的,需要一定的时间,...
分类:
移动开发 时间:
2015-01-23 11:21:21
阅读次数:
145
Lawnchair是一个轻量级的移动应用程序数据持久化存储方案,同时也是客户端JSON文档存储方法,优点是短小,语法简洁,扩展性比较好。现在做HTML5移动应用除了LocalStorage的兼容性比较好之外,SQL web database以及IndexedDB都处在僵局中,虽然有人叫嚣着“我们应该...
分类:
Web程序 时间:
2015-01-23 10:59:16
阅读次数:
135
Drag&Drop拖拽功能的处理关于HTML5拖拽文件上传,其实国外已经有很多网站有这样的应用,最早推出拖拽上传应用的是 Gmail,它支持标准浏览器下拖拽本地文件到浏览器中作为邮件的附件发送,但其实现在利用HTML5的功能实现,主要借助于新版支持的浏览器来实现,IE还是弱很多。拖拽上传应用主要使用...
分类:
Web程序 时间:
2015-01-22 00:17:29
阅读次数:
196