目錄
HBuilder
MUI
一些問題
學習路線
HTML5Plus
原始碼
社群
參考文件
首頁 web前端 H5教程 HTML5Plus行動開發入門學習

HTML5Plus行動開發入門學習

Feb 10, 2018 pm 02:02 PM
h5 學習

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中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

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

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

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

學會徹底卸載pip,使用Python更有效率 學會徹底卸載pip,使用Python更有效率 Jan 16, 2024 am 09:01 AM

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

深入研究matplotlib的色彩映射表 深入研究matplotlib的色彩映射表 Jan 09, 2024 pm 03:51 PM

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

Pygame入門指南:全面安裝與設定教學課程 Pygame入門指南:全面安裝與設定教學課程 Feb 19, 2024 pm 10:10 PM

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

揭秘C語言的吸引力: 發掘程式設計師的潛質 揭秘C語言的吸引力: 發掘程式設計師的潛質 Feb 24, 2024 pm 11:21 PM

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

一起學習word根號輸入方法 一起學習word根號輸入方法 Mar 19, 2024 pm 08:52 PM

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

從零開始學習Go語言中的main函數 從零開始學習Go語言中的main函數 Mar 27, 2024 pm 05:03 PM

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

快速學會pip安裝,從零開始掌握技巧 快速學會pip安裝,從零開始掌握技巧 Jan 16, 2024 am 10:30 AM

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

h5怎麼實現web端向上滑動載入下一頁 h5怎麼實現web端向上滑動載入下一頁 Mar 11, 2024 am 10:26 AM

實現步驟:1、監聽頁面的滾動事件;2、判斷捲動至頁面底部;3、載入下一頁資料;4、更新頁面捲動位置即可。

See all articles