移动APP开发 ios Android
中国人写的
MUI 布局框架
HTML5plus 硬件驱动调用(打开摄像头,闪光灯,震动) 和 系统调用(打开相册,通讯录,message)
http://dev.dcloud.net.cn/mui/
http://www.html5plus.org/ H5中国产业联盟
开发工具
HBuilder http://www.dcloud.io/
HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse,
所以顺其自然地兼容了Eclipse的插件
夜神模拟器
流程
运行 HBuilder
注册用户 开发视图 -- 边看变改模式
夜神 自定义安装
创建移动app demo hello mui
打开 index
夜神设置手机版
工具 选项 HBuilder 端口:62001 确定
在手机设备上 运行app
HBuilder/HBuilderX html/js 代码块 代码封装 简单数据形成代码格式
MUI 移动App布局框架 最接近原生APP操作 里面封装了HTML5PLUS 喊一句就出来了
HTML5PLUS 调用硬件驱动和系统调用
mui 页面 -- 选中 mdo
标题栏 mhe 待返回的 不待返回的 <
主体 mbo
九宫格 mg
轮播 msl
图文列表 mli
底部选项卡 mta js
mui.openwindow({
url:'页面.html',
id:'页面.html',
style:{top:'0px',bottom:'50px'},
extras:{传值}) -mop
mui.init() -min 加载子页面mins 预加载minp
mui.post() -mpo ajax的post方式 url/data/回调函数/返回值类型
mui.get() -mget
mui.toast() 自动消失提示框
mui.ajax() -maj document.getElementById('btd').addEventListener('tap',function(){}) #点击 dga 绑定事件
ming 手势事件
webview index运行起来的时候 调用或者加载就是webview
mui 快捷操作 host port debug