H5 Plus移动APP开发之原理介绍-早会分享

一、什么是H5 Plus

H5 Plus即HTML5 Plus是在HTML5的基础上做的扩展，是HTML5的加强版，它提供了WebApp的一套规范，HTML5+扩展了JavaScript对象plus，使得js可以调用各种浏览器无法实现或实现不佳的系统能力，设备能力如摄像头、陀螺仪、文件系统等，业务能力如上传下载、二维码、地图、支付、语音输入、消息推送等。

二、Native.js

是一种将手机操作系统的原生对象转义，映射为JS对象，在JS里编写原生代码的技术。native.js的实现使得webapp页面可以轻松访问手机原生api已达到自己的业务需求。官网介绍native.js是封装了40w+的原生方法。

/** 
 * 在iOS平台通过NJS显示系统提示框 
 */  
function njsAlertForiOS(){  
    // 导入UIAlertView类  
    var UIAlertView = plus.ios.importClass("UIAlertView");  
    // 创建UIAlertView类的实例对象  
    var view = new UIAlertView();  
    // 设置提示对话上的内容  
    view.initWithTitlemessagedelegatecancelButtonTitleotherButtonTitles("自定义标题" // 提示框标题  
        , "使用NJS的原生弹出框，可自定义弹出框的标题、按钮" // 提示框上显示的内容  
        , null // 操作提示框后的通知代理对象，暂不设置  
        , "确定(或者其他字符)" // 提示框上取消按钮的文字  
        , null ); // 提示框上其它按钮的文字，设置为null表示不显示  
    // 调用show方法显示提示对话框，在JS中使用()语法调用对象的方法  
    view.show();  
}  

三、MUI框架

MUI框架是DCloud提供的一种前端框架，本身封装了一部分native.js的内容，适合移动端开发，常用的ui框架还有bootstrap、amazeui。

四、使用Hbuilder进行H5移动开发

Hbuilder是DCloud官方发行的一款前端开发工具，Hbuilder支持真机调试，项目热部署，支持云端（或本地）打包发行。其次Hbuilder本身对html、css、js的支持也使得开发效率大大提高。

五、相关链接

Dcloud问答，一般官方回复，通知都会在这个平台上发布。
HTML5 Plus
Hbuilder
MUI
native.js
bootstrap（国内）
amazeui