使用什么进行app开发

# 创建连接
var ws_server = new WebSocket("ws://192.168.1.1:9527");

http://dev.dcloud.net.cn/mui/event/#customevent

document.addEventListener("send_music", function(data) {　　# 接受一个参数, 这个参数中有触发事件时携带的数据
//  console.log(JSON.stringify(data.detail))    // 拿到的是某个页面提交事件时携带的数据
    ws_server.send(JSON.stringify(data.detail));
  })

# 根据页面的id获取页面
var index = plus.webview.getWebviewById("HBuilder");　　# 默认的index页面id默认为Hbuilder
                    mui.fire(index, "send_music", {　　　　# 触发index页面send_music事件, 并传递参数
                        "to_user": toy._id,
                        "msg": window.get_music + content.data.music_path,
                        "from_user": JSON.parse(window.localStorage.getItem("user"))._id
                    })

mui.plusReady(function(){
     console.log("当前页面URL："+plus.webview.currentWebview().getURL());
});

mui.init()    mui插件初始化

mui.ready()    当DOM准备就绪时，指定一个函数来执行。

http://dev.dcloud.net.cn/mui/window/#openwindow

mui.openWindow({
    url:new-page-url,
    id:new-page-id,
    styles:{
      top:newpage-top-position,//新页面顶部位置
      bottom:newage-bottom-position,//新页面底部位置
      width:newpage-width,//新页面宽度，默认为100%
      height:newpage-height,//新页面高度，默认为100%
      ......
    },
    extras:{
      .....//自定义扩展参数，可以用来处理页面间传值
    },
    createNew:false,//是否重复创建同样id的webview，默认为false:不重复创建，直接显示
    show:{
      autoShow:true,//页面loaded事件发生后自动显示，默认为true
      aniShow:animationType,//页面显示动画，默认为”slide-in-right“；
      duration:animationTime//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
    },
    waiting:{
      autoShow:true,//自动显示等待框，默认为true
      title:‘正在加载...‘,//等待对话框上显示的提示内容
      options:{
        width:waiting-dialog-widht,//等待框背景区域宽度，默认根据内容自动计算合适宽度
        height:waiting-dialog-height,//等待框背景区域高度，默认根据内容自动计算合适高度
        ......
      }
    }
})

http://dev.dcloud.net.cn/mui/window/#subpage

mui.init({
    subpages:[{
      url:your-subpage-url,//子页面HTML地址，支持本地地址和网络地址
      id:your-subpage-id,//子页面标志
      styles:{
        top:subpage-top-position,//子页面顶部位置
        bottom:subpage-bottom-position,//子页面底部位置
        width:subpage-width,//子页面宽度，默认为100%
        height:subpage-height,//子页面高度，默认为100%
        ......
      },
      extras:{}//额外扩展参数
    }]
  });

http://dev.dcloud.net.cn/mui/ajax/

mui.ajax(‘http://server-name/login.php‘,{
    data:{
        username:‘username‘,
        password:‘password‘
    },
    dataType:‘json‘,//指定服务器返回json格式数据
    type:‘post‘,//HTTP请求类型
    timeout:10000,//超时时间设置为10秒；
    headers:{‘Content-Type‘:‘application/json‘},                  
    success:function(data){
        //服务器返回响应，根据响应结果，分析是否登录成功；
        ...
    },
    error:function(xhr,type,errorThrown){
        //异常处理；
        console.log(type);
    }
});

mui.post(‘http://server-name/login.php‘,{
        username:‘username‘,
        password:‘password‘
    },function(data){
        //服务器返回响应，根据响应结果，分析是否登录成功；
        ...
    },‘json‘　　# 指定服务器返回的数据格式
);

mui.get(‘http://server-name/list.php‘,{category:‘news‘},function(data){
        //获得服务器响应
        ...
    },‘json‘
);

mui.plusReady(function() {
    var content = plus.webview.currentWebview()　　# 获取当前页面所有的数据, extras会将数据放在这里面
//  console.log(JSON.stringify(content))                    
})

window.localStorage.setItem("user", "xxx")    # 设置一个值
window.localStorage.getItem("user")    # 获取值
window.localStorage.removeItem("user", "xxx)    # 删除某一个
window.localStorage.clear()    # 清空, 删除所有

http://www.html5plus.org/doc/zh_cn/storage.html

var foo = plus.storage.getLength();

getLength: 获取应用存储区中保存的键值对的个数
getItem: 通过键(key)检索获取应用存储的值
setItem: 修改或添加键值(key-value)对数据到应用数据存储中
removeItem: 通过key值删除键值对存储的数据
clear: 清除应用所有的键值对存储数据
key: 获取键值对中指定索引值的key值

http://www.html5plus.org/doc/zh_cn/audio.html#plus.audio.AudioPlayer

var playerObj = plus.audio.createPlayer(path);

playerObj.play(successCB, errorCB)
successCB   # 音频播放完成的后的回调函数 
errorCB    # 音频播放失败的回调函数

play: 开始播放音频
pause: 暂停播放音频
resume: 恢复播放音频
stop: 停止播放音频
seekTo: 跳到指定位置播放音频
getDuration: 获取音频流的总长度
getPosition: 获取音频流当前播放的位置
setRoute: 设置音频输出线路

http://dev.dcloud.net.cn/mui/event/

document.getElementById(‘loginBtn‘).addEventListener(‘tap‘,function () {
                    mui.openWindow({
                        url: "login.html",
                        id: "login.html",
                        createNew: true
                    })
            })

//点击li时，执行foo_1函数
mui("#list").on("tap","li",foo_1);
//点击li时，执行foo_2函数
mui("#list").on("tap","li",foo_2);

function foo_1(){
  console.log("foo_1 execute");
}

function foo_2(){
  console.log("foo_2 execute");
}
//点击li时，不再执行foo_1函数，但会继续执行foo_2函数
mui("#list").off("tap","li",foo_1);

//点击li时，执行foo_1函数
mui("#list").on("tap","li",foo_1);
//点击li时，执行foo_2函数
mui("#list").on("tap","li",foo_2);

function foo_1(){
  console.log("foo_1 execute");
}

function foo_2(){
  console.log("foo_2 execute");
}
//点击li时，foo_2、foo_2两个函数均不再执行
mui("#list").off("tap","li");

//点击li时，执行foo_1函数
mui("#list").on("tap","li",foo_1);
//双击li时，执行foo_4函数
mui("#list").on("doubletap","li",foo_4);
//点击p时，执行foo_3函数
mui("#list").on("tap","p",foo_3);

function foo_1(){
  console.log("foo_1 execute");
}

function foo_3(){
  console.log("foo_3 execute");
}

function foo_4(){
  console.log("foo_4 execute");
}
//点击li时，不再执行foo_1函数；点击p时，也不再执行foo_3函数；双击li时，也不再执行foo_4函数；
mui("#list").off();

var btn = document.getElementById("submit");
//监听点击事件
btn.addEventListener("tap",function () {
  console.log("tap event trigger");
});
//触发submit按钮的点击事件
mui.trigger(btn,‘tap‘);

mui.plusReady(function() {
//      scan = new plus.barcode.Barcode(‘bcid‘);　　// 创建对象
//      scan.onmarked = function(type,result){    // 这是扫码成功的回调函数, 参数解释:二维码的类型, 扫描的结果
   })

start: 开始条码识别
cancel: 结束条码识别
close: 关闭条码识别控件
setFlash: 是否开启闪光灯
setStyles: 设置Barcode扫码控件的配置参数

onmarked: 条码识别成功事件
onerror: 条码识别错误事件