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