HBuilder
DCloud 前端開發的 IDE，代碼提示這些功能真的好用。5+App 的開發，依賴 HBuilder 集成的環境。所以，HBuilder 算是開發工具和環境吧。
MUI
最接近原生體驗的移動App的UI框架
為方便開發移動應用，提供豐富的 UI 組件。不知道是什么原因，總會有開發者誤解這個產品。
HTML5+ 和 MUI 沒有絕對的依賴關系
MUI 是為了更加方便地開發 5+App，一些方法在 5+Runtime 環境下會調用 5+API。
MUI 擴展了一些非 UI 插件，同樣是為開發 5+App 提供更多便利。
開發 5+App 不一定要引入 MUI，可以選擇自己更加熟悉的 UI 框架。
一些問題
MUI 能調用系統的鎖屏么？HBuilder 能實現這種布局么？
不是在下故意夸張，上面這種問題是真實存在的。其原因就是，開發者沒有搞清楚自己的需求與相關產品的作用。
學習路線
搞清楚產品之間的關系了，學習路線就會更加明確一些。其實官方提供的文檔以及示例，完全足夠開發者理解和學習。可能有些開發者不喜歡花費時間讀文檔，而是更加喜歡拿來即用的源碼。
HTML5Plus
HTML5+ 的 API 很多，挨個去讀一遍肯定是不現實的。大致瀏覽一遍每個模塊的定義，熟悉一些常用和重點的模塊即可。
Webview 窗口管理：這個是最基本的，肯定要先學習。
Device 設備信息：一些系統設備的 API 在這里。
Downlaoder 下載任務：用處挺多。
Uploader 上傳任務：用處也不少。
其它模塊，根據具體的需求再去熟悉即可。
源碼
HBuilder -> 菜單 -> 文件 -> 新建 -> 移動 App -> Hello H5+
即可獲取 HTML5Plus 規范演示應用的源碼。參考這個示例工程的源碼，結合文檔說明，動手做一些小的 demo 可以更快熟悉相關 API。
MUI
前面提到過，MUI 的一些方法是基于 5+ API 封裝的。因此，熟悉了一些基本的 5+ API 后再來學習更加合適，不會產生許多疑惑及誤讀。
源碼
很多人會吐槽 MUI 的文檔不全，其實 MUI 的組件和插件，全都在 Hello MUI 這個示例工程里面了。HBuilder -> 菜單 -> 文件 -> 新建 -> 移動 App -> Hello MUI
該工程包含了 MUI 所有的組件和插件，并提供了大量的示例。實際開發中，從這里復制源碼直接粘貼，稍作修改就可以用了。如果這里面的組件和插件不能滿足你的需求，那么可以嘗試找下其它庫或者花點功夫自己實現。
社區
學習新的知識，不免會遇到疑問甚至發現 bug。咨詢問題和反饋 bug，也是作為開發者的必備技能。學習 5+App 開發的過程中，不要指望 QQ 群，得學會使用官方的社區進行搜索和提問。
參考文檔
文檔中心
HTML5+規范
mui產品概述
總結
至此篇結束，關于 HTML5Plus 開發的開篇部分算是收尾了。開篇部分主要談了一些自己關于 HTML5Plus 開發的看法與理解，更多更全的內容還是需要多去看官方文檔。
相關產品
想要掌握 HTML5Plus 移動開發，首先要理清 DCloud 公司的幾款產品之間的關系。否則只會一團亂麻，甚至先入為主造成一些錯誤的認識。
HTML5Plus
即 HTML5+，核心中的核心，調用原生能力的依賴。在 5+App 的開發中，在原有 Web 開發基礎上，開發者需要重點掌握的就是這個 API 規范。
HBuilder
DCloud 前端開發的 IDE，代碼提示這些功能真的好用。5+App 的開發，依賴 HBuilder 集成的環境。所以，HBuilder 算是開發工具和環境吧。
MUI
最接近原生體驗的移動App的UI框架
為方便開發移動應用，提供豐富的 UI 組件。不知道是什么原因，總會有開發者誤解這個產品。
HTML5+ 和 MUI 沒有絕對的依賴關系
MUI 是為了更加方便地開發 5+App，一些方法在 5+Runtime 環境下會調用 5+API。
MUI 擴展了一些非 UI 插件，同樣是為開發 5+App 提供更多便利。
開發 5+App 不一定要引入 MUI，可以選擇自己更加熟悉的 UI 框架。
一些問題
MUI 能調用系統的鎖屏么？HBuilder 能實現這種布局么？
不是在下故意夸張，上面這種問題是真實存在的。其原因就是，開發者沒有搞清楚自己的需求與相關產品的作用。
相關推薦：
HTML5plus移動應用的開發實例分享
以上就是HTML5Plus移動開發入門學習的詳細內容，更多請關注php中文網其它相關文章！