HTML5Plus行動開發入門學習
- 小云云原創
- 2018-02-10 14:02:284666瀏覽
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
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產品概述
- HTML5+ 和MUI 沒有絕對的依賴關係
- MUI 是為了更方便地開發5+App，有些方法在5+Runtime 環境下會呼叫5+API。
- MUI 擴充了一些非 UI 插件，同樣是為開發 5+App 提供更多便利。
開發 5+App 不一定要引進 MUI，可以選擇自己更熟悉的 UI 框架。
一些問題
MUI 能呼叫系統的鎖定螢幕麼？ HBuilder 能實現這種佈局麼？
不是在下故意誇張，上面這種問題是真實存在的。原因就是，開發者沒有搞清楚自己的需求與相關產品的作用。
相關推薦：
以上是HTML5Plus行動開發入門學習的詳細內容。更多資訊請關注PHP中文網其他相關文章！