HTML5Plus移動開發(fā)入門是什么

HTML5Plus移動開發(fā)入門是什么？相信很多沒有經(jīng)驗(yàn)的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

HTML5Plus即 HTML5+，核心中的核心，調(diào)用原生能力的依賴。在 5+App 的開發(fā)中，在原有 Web 開發(fā)基礎(chǔ)上，開發(fā)者需要重點(diǎn)掌握的就是這個 API 規(guī)范。

HBuilder

DCloud 前端開發(fā)的 IDE，代碼提示這些功能真的好用。5+App 的開發(fā)，依賴 HBuilder 集成的環(huán)境。所以，HBuilder 算是開發(fā)工具和環(huán)境吧。

MUI

最接近原生體驗(yàn)的移動App的UI框架

為方便開發(fā)移動應(yīng)用，提供豐富的 UI 組件。不知道是什么原因，總會有開發(fā)者誤解這個產(chǎn)品。

• HTML5+ 和 MUI 沒有絕對的依賴關(guān)系

• MUI 是為了更加方便地開發(fā) 5+App，一些方法在 5+Runtime 環(huán)境下會調(diào)用 5+API。

• MUI 擴(kuò)展了一些非 UI 插件，同樣是為開發(fā) 5+App 提供更多便利。

• 開發(fā) 5+App 不一定要引入 MUI，可以選擇自己更加熟悉的 UI 框架。

一些問題

MUI 能調(diào)用系統(tǒng)的鎖屏么？HBuilder 能實(shí)現(xiàn)這種布局么？

不是在下故意夸張，上面這種問題是真實(shí)存在的。其原因就是，開發(fā)者沒有搞清楚自己的需求與相關(guān)產(chǎn)品的作用。

學(xué)習(xí)路線

搞清楚產(chǎn)品之間的關(guān)系了，學(xué)習(xí)路線就會更加明確一些。其實(shí)官方提供的文檔以及示例，完全足夠開發(fā)者理解和學(xué)習(xí)?？赡苡行╅_發(fā)者不喜歡花費(fèi)時間讀文檔，而是更加喜歡拿來即用的源碼。

HTML5Plus

HTML5+ 的 API 很多，挨個去讀一遍肯定是不現(xiàn)實(shí)的。大致瀏覽一遍每個模塊的定義，熟悉一些常用和重點(diǎn)的模塊即可。

• Webview 窗口管理：這個是最基本的，肯定要先學(xué)習(xí)。

• Device 設(shè)備信息：一些系統(tǒng)設(shè)備的 API 在這里。

• Downlaoder 下載任務(wù)：用處挺多。

• Uploader 上傳任務(wù)：用處也不少。

其它模塊，根據(jù)具體的需求再去熟悉即可。

源碼

HBuilder -> 菜單 -> 文件 -> 新建 -> 移動 App -> Hello H5+
即可獲取 HTML5Plus 規(guī)范演示應(yīng)用的源碼。參考這個示例工程的源碼，結(jié)合文檔說明，動手做一些小的 demo 可以更快熟悉相關(guān) API。

MUI

前面提到過，MUI 的一些方法是基于 5+ API 封裝的。因此，熟悉了一些基本的 5+ API 后再來學(xué)習(xí)更加合適，不會產(chǎn)生許多疑惑及誤讀。

源碼

很多人會吐槽 MUI 的文檔不全，其實(shí) MUI 的組件和插件，全都在 Hello MUI 這個示例工程里面了。
HBuilder -> 菜單 -> 文件 -> 新建 -> 移動 App -> Hello MUI
該工程包含了 MUI 所有的組件和插件，并提供了大量的示例。實(shí)際開發(fā)中，從這里復(fù)制源碼直接粘貼，稍作修改就可以用了。如果這里面的組件和插件不能滿足你的需求，那么可以嘗試找下其它庫或者花點(diǎn)功夫自己實(shí)現(xiàn)。

社區(qū)

學(xué)習(xí)新的知識，不免會遇到疑問甚至發(fā)現(xiàn) bug。咨詢問題和反饋 bug，也是作為開發(fā)者的必備技能。學(xué)習(xí) 5+App 開發(fā)的過程中，不要指望 QQ 群，得學(xué)會使用官方的社區(qū)進(jìn)行搜索和提問。

參考文檔

• 文檔中心

• HTML5+規(guī)范

• mui產(chǎn)品概述

總結(jié)

至此篇結(jié)束，關(guān)于 HTML5Plus 開發(fā)的開篇部分算是收尾了。開篇部分主要談了一些自己關(guān)于 HTML5Plus 開發(fā)的看法與理解，更多更全的內(nèi)容還是需要多去看官方文檔。

相關(guān)產(chǎn)品

想要掌握 HTML5Plus 移動開發(fā)，首先要理清 DCloud 公司的幾款產(chǎn)品之間的關(guān)系。否則只會一團(tuán)亂麻，甚至先入為主造成一些錯誤的認(rèn)識。

HTML5Plus

即 HTML5+，核心中的核心，調(diào)用原生能力的依賴。在 5+App 的開發(fā)中，在原有 Web 開發(fā)基礎(chǔ)上，開發(fā)者需要重點(diǎn)掌握的就是這個 API 規(guī)范。

HBuilder

DCloud 前端開發(fā)的 IDE，代碼提示這些功能真的好用。5+App 的開發(fā)，依賴 HBuilder 集成的環(huán)境。所以，HBuilder 算是開發(fā)工具和環(huán)境吧。

MUI

最接近原生體驗(yàn)的移動App的UI框架

為方便開發(fā)移動應(yīng)用，提供豐富的 UI 組件。不知道是什么原因，總會有開發(fā)者誤解這個產(chǎn)品。

• HTML5+ 和 MUI 沒有絕對的依賴關(guān)系

• MUI 是為了更加方便地開發(fā) 5+App，一些方法在 5+Runtime 環(huán)境下會調(diào)用 5+API。

• MUI 擴(kuò)展了一些非 UI 插件，同樣是為開發(fā) 5+App 提供更多便利。

• 開發(fā) 5+App 不一定要引入 MUI，可以選擇自己更加熟悉的 UI 框架。

一些問題

MUI 能調(diào)用系統(tǒng)的鎖屏么？HBuilder 能實(shí)現(xiàn)這種布局么？

不是在下故意夸張，上面這種問題是真實(shí)存在的。其原因就是，開發(fā)者沒有搞清楚自己的需求與相關(guān)產(chǎn)品的作用。

看完上述內(nèi)容，你們掌握HTML5Plus移動開發(fā)入門是什么的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！