HTML5Plus行動開發入門學習
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中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

不再需要pip?快來學習如何有效卸載pip!引言:pip是Python的套件管理工具之一,它可以方便地安裝、升級和卸載Python套件。然而,有時候我們可能需要卸載pip,可能是因為我們希望使用其他的套件管理工具,或者因為我們需要完全清除Python環境。本文將介紹如何有效地卸載pip,並提供具體的程式碼範例。一、卸載pip的方法下面將介紹兩種常見的卸載pip的方法

深入學習matplotlib顏色表,需要具體程式碼範例一、引言matplotlib是一個功能強大的Python繪圖庫,它提供了豐富的繪圖函數和工具,可以用於創建各種類型的圖表。而顏色表(colormap)是matplotlib中一個重要的概念,它決定了圖表的配色。深入學習matplotlib色表,將幫助我們更好地掌握matplotlib的繪圖功能,使繪

從零開始學習Pygame:完整的安裝和配置教程,需要具體程式碼範例引言:Pygame是一個使用Python程式語言開發的開源遊戲開發庫,它提供了豐富的功能和工具,使得開發者可以輕鬆創建各種類型的遊戲。本文將帶您從零開始學習Pygame,並提供完整的安裝和配置教程,以及具體的程式碼範例,讓您快速入門。第一部分:安裝Python和Pygame首先,確保您的電腦上已

學習C語言的魅力:解鎖程式設計師的潛力隨著科技的不斷發展,電腦程式設計已經成為了一個備受關注的領域。在眾多程式語言中,C語言一直以來都備受程式設計師的喜愛。它的簡單、高效以及廣泛應用的特點,使得學習C語言成為了許多人進入程式設計領域的第一步。本文將討論學習C語言的魅力,以及如何透過學習C語言來解鎖程式設計師的潛力。首先,學習C語言的魅力在於其簡潔性。相較於其他程式語言而言,C語

在word編輯文字內容時,有時會需要輸入公式符號。有的小夥子們不知道在word根號輸入的方法,小面就讓小編跟小夥伴們一起分享下word根號輸入的方法教學。希望對小夥伴們有幫助。首先,開啟電腦上的Word軟體,然後開啟要編輯的文件,並將遊標移到需要插入根號的位置,參考下方的圖片範例。 2.選擇【插入】,再選擇符號裡的【公式】。如下方圖片紅色圈的部分內容所示:3.接著選擇下方的【插入新公式】。如下方圖片紅色圈的部分內容所示:4.選擇【根式】,再選擇適當的根號。如下方圖片紅色圈的部分內容所示:

標題:從零開始學習Go語言中的main函數Go語言作為一種簡潔、高效的程式語言,備受開發者青睞。在Go語言中,main函數是一個入口函數,每個Go程式都必須包含main函數作為程式的入口點。本文將從零開始介紹如何學習Go語言中的main函數,並提供具體的程式碼範例。一、首先,我們需要安裝Go語言的開發環境。可前往官方網站(https://golang.org

從零開始學習pip安裝,快速掌握技巧,需要具體程式碼範例概述:pip是Python套件管理工具,能夠輕鬆安裝、升級和管理Python套件。對於Python開發者來說,掌握pip的使用技巧是非常重要的。本文將從零開始介紹pip的安裝方法,並給出一些實用的技巧和具體的程式碼範例,幫助讀者快速掌握pip的使用。一、安裝pip在使用pip之前,首先需要安裝pip。 pip的
