首頁 > web前端 > H5教程 > 主體

HTML5Plus行動開發入門學習

小云云
發布: 2018-02-10 14:02:28
原創
4681 人瀏覽過

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產品概述

總結

至此篇結束,關於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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板