목차
HBuilder
MUI
몇 가지 질문
학습 경로
HTML5Plus
소스 코드
源码
이 글을 마지막으로 HTML5Plus 개발에 대한 시작 부분이 드디어 마무리되었습니다. 시작 부분에서는 주로 HTML5Plus 개발에 대한 나의 견해와 이해에 대해 설명합니다. 점점 더 완전한 내용을 보려면 공식 문서를 읽어야 합니다.
웹 프론트엔드 H5 튜토리얼 HTML5Plus 모바일 개발 시작하기

HTML5Plus 모바일 개발 시작하기

Feb 10, 2018 pm 02:02 PM
h5 공부하다

HTML5Plus는 핵심 기능의 핵심인 HTML5+이며 기본 기능을 호출하기 위한 종속성입니다. 원래의 웹 개발을 기반으로 하는 5+App 개발에서 개발자는 이 API 사양을 마스터하는 데 집중해야 합니다.

HBuilder

DCloud 프런트 엔드 개발 IDE에서 코드는 이러한 기능이 정말 유용하다는 메시지를 표시합니다. 5+App의 개발은 HBuilder 통합 환경에 의존합니다. 따라서 HBuilder는 개발 도구이자 환경이라고 볼 수 있습니다.

MUI

네이티브 경험에 가장 가까운 모바일 앱용 UI 프레임워크

모바일 애플리케이션 개발을 용이하게 하는 풍부한 UI 구성요소를 제공합니다. 왜인지는 모르겠지만, 이 제품을 오해하는 개발자들이 늘 있기 마련입니다.

  • HTML5+는 MUI에 절대적인 의존성을 갖지 않습니다

  • MUI는 5+앱 개발을 더욱 편리하게 하기 위한 것이며 일부 메서드는 5+런타임 환경에서 5+API를 호출합니다.

  • MUI는 5개 이상의 앱 개발에 더 많은 편의성을 제공하기 위해 일부 비 UI 플러그인을 확장했습니다.

  • 5+ 앱을 개발할 때 반드시 MUI 도입이 필요한 것은 아닙니다. 더 익숙한 UI 프레임워크를 선택할 수 있습니다.

몇 가지 질문

MUI가 시스템 잠금 화면을 호출할 수 있나요? HBuilder가 이 레이아웃을 구현할 수 있습니까?

일부러 과장하는 게 아니고 위의 문제는 진짜입니다. 그 이유는 개발자가 자신의 요구와 관련 제품의 역할을 이해하지 못하기 때문입니다.

학습 경로

제품 간의 관계를 이해하면 학습 경로가 더 명확해집니다. 실제로 공식 문서와 예제는 개발자가 이해하고 배우기에 충분합니다. 어쩌면 일부 개발자는 문서를 읽는 데 시간을 투자하는 것을 좋아하지 않지만 바로 사용할 수 있는 소스 코드를 선호할 수도 있습니다.

HTML5Plus

HTML5+에는 많은 API가 있으므로 하나씩 모두 읽는 것은 확실히 비현실적입니다. 각 모듈의 정의를 살펴보고 일반적으로 사용되는 핵심 모듈에 익숙해지세요.

  • Webview 창 관리: 가장 기본적이고 먼저 배워야 할 내용입니다.

  • 장치 장치 정보: 일부 시스템 장치에 대한 API가 여기에 있습니다.

  • Downloader 작업 다운로드: 다양한 용도가 있습니다.

  • Uploader 업로드 작업: 용도가 다양합니다.

다른 모듈은 특정 요구 사항에 따라 익숙해지세요.

소스 코드

HBuilder -> 메뉴 -> 신규 -> 모바일 앱 -> Hello H5+HBuilder -> 菜单 -> 文件 -> 新建 -> 移动 App -> Hello H5+
即可获取 HTML5Plus 规范演示应用的源码。参考这个示例工程的源码,结合文档说明,动手做一些小的 demo 可以更快熟悉相关 API。

MUI

前面提到过,MUI 的一些方法是基于 5+ API 封装的。因此,熟悉了一些基本的 5+ API 后再来学习更加合适,不会产生许多疑惑及误读。

源码

很多人会吐槽 MUI 的文档不全,其实 MUI 的组件和插件,全都在 Hello MUI 这个示例工程里面了。
HBuilder -> 菜单 -> 文件 -> 新建 -> 移动 App -> Hello MUIHTML5Plus 사양 데모 애플리케이션의 소스 코드를 얻을 수 있습니다. 문서와 결합된 이 샘플 프로젝트의 소스 코드를 참조하고 몇 가지 작은 데모를 만들어 관련 API에 더 빨리 익숙해지세요.

MUI

앞서 언급했듯이 MUI의 일부 메소드는 5+ API를 기반으로 캡슐화됩니다. 따라서 많은 의심과 오해를 일으키지 않도록 몇 가지 기본 5+ API에 익숙해진 후 학습을 시작하는 것이 더 적절합니다.

소스 코드

많은 사람들이 MUI의 불완전한 문서에 대해 불평할 것입니다. 실제로 MUI 구성 요소와 플러그인은 모두 Hello MUI 샘플 프로젝트에 있습니다.
    HBuilder -> 메뉴 -> 신규 -> 모바일 앱 -> Hello MUI
  • 이 프로젝트에는 MUI의 모든 구성요소와 플러그인이 포함되어 있습니다. 예. 실제 개발시 여기에서 소스코드를 복사해서 직접 붙여넣은 후 약간의 수정을 거쳐 사용하시면 됩니다. 여기에 있는 구성 요소와 플러그인이 귀하의 요구 사항을 충족할 수 없는 경우 다른 라이브러리를 찾거나 직접 구현하기 위해 노력할 수 있습니다.

    Community
  • 새로운 지식을 배우다 보면 필연적으로 질문이 생기고 심지어 버그도 발견하게 됩니다. 질문하고 버그를 보고하는 것도 개발자로서 필수적인 기술입니다. 5+ 앱 개발을 배울 때 QQ 그룹에 의존하지 말고 공식 커뮤니티를 사용하여 검색하고 질문하는 방법을 배워야 합니다.

    참조 문서
  • 문서 센터

HTML5+ 사양


mui 제품 개요

요약

이 글을 마지막으로 HTML5Plus 개발에 대한 시작 부분이 드디어 마무리되었습니다. 시작 부분에서는 주로 HTML5Plus 개발에 대한 나의 견해와 이해에 대해 설명합니다. 점점 더 완전한 내용을 보려면 공식 문서를 읽어야 합니다.

관련 상품

HTML5Plus 모바일 개발을 마스터하려면 먼저 DCloud사의 여러 제품 간의 관계를 명확히 해야 합니다. 그렇지 않으면 엉망이 될 뿐이고, 심지어는 선입견으로 인해 오해가 생길 수도 있습니다.

HTML5Plus
는 핵심 중 핵심인 HTML5+이며 기본 기능을 호출하기 위한 종속성입니다. 5+App을 개발할 때 원래의 웹 개발을 기반으로 개발자는 이 API 사양을 마스터하는 데 집중해야 합니다.

HBuilder
  • DCloud 프런트 엔드 개발 IDE에서 코드는 이러한 기능이 정말 유용하다는 메시지를 표시합니다. 5+App의 개발은 HBuilder 통합 환경에 의존합니다. 따라서 HBuilder는 개발 도구이자 환경이라고 볼 수 있습니다.

    MUI
  • 네이티브 경험에 가장 가까운 모바일 앱용 UI 프레임워크

    모바일 애플리케이션 개발을 용이하게 하는 풍부한 UI 구성 요소를 제공합니다. 왜인지는 모르겠지만, 이 제품을 오해하는 개발자들이 늘 있기 마련입니다.
  • HTML5+는 MUI에 절대적인 의존성을 갖지 않습니다🎜🎜🎜🎜MUI는 5+앱 개발을 더욱 편리하게 하기 위한 것이며 일부 메서드는 5+런타임 환경에서 5+API를 호출합니다. 🎜🎜🎜🎜MUI는 5개 이상의 앱 개발에 더 많은 편의성을 제공하기 위해 일부 비 UI 플러그인을 확장했습니다. 🎜
  • 5개 이상의 앱을 개발할 때 반드시 MUI를 도입할 필요는 없습니다. 더 익숙한 UI 프레임워크를 선택할 수 있습니다.

몇 가지 질문

MUI가 시스템 잠금 화면을 호출할 수 있나요? HBuilder가 이 레이아웃을 구현할 수 있습니까?

일부러 과장하는 게 아니고 위의 문제는 진짜입니다. 그 이유는 개발자가 자신의 요구와 관련 제품의 역할을 이해하지 못하기 때문입니다.

관련 추천:

HTML5plus 모바일 애플리케이션 개발 사례 공유


위 내용은 HTML5Plus 모바일 개발 시작하기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 채팅 명령 및 사용 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

pip를 완전히 제거하고 Python을 보다 효율적으로 사용하는 방법을 알아보세요. pip를 완전히 제거하고 Python을 보다 효율적으로 사용하는 방법을 알아보세요. Jan 16, 2024 am 09:01 AM

더 이상 pip가 필요하지 않나요? 와서 pip를 효과적으로 제거하는 방법을 알아보세요! 소개: pip는 Python 패키지를 쉽게 설치, 업그레이드 및 제거할 수 있는 Python의 패키지 관리 도구 중 하나입니다. 그러나 때로는 다른 패키지 관리 도구를 사용하고 싶거나 Python 환경을 완전히 지워야 하기 때문에 pip를 제거해야 할 수도 있습니다. 이 문서에서는 pip를 효율적으로 제거하는 방법을 설명하고 구체적인 코드 예제를 제공합니다. 1. pip 제거 방법 다음은 pip 제거의 두 가지 일반적인 방법을 소개합니다.

matplotlib의 컬러맵에 대해 자세히 알아보기 matplotlib의 컬러맵에 대해 자세히 알아보기 Jan 09, 2024 pm 03:51 PM

matplotlib 색상표에 대해 자세히 알아보려면 특정 코드 예제가 필요합니다. 1. 소개 matplotlib는 다양한 유형의 차트를 만드는 데 사용할 수 있는 풍부한 그리기 기능 및 도구 세트를 제공합니다. 컬러맵(colormap)은 차트의 색 구성표를 결정하는 matplotlib의 중요한 개념입니다. matplotlib 색상표에 대한 심층적인 연구는 matplotlib의 그리기 기능을 더 잘 익히고 그리기를 더 편리하게 만드는 데 도움이 될 것입니다.

C 언어의 매력을 밝히다: 프로그래머의 잠재력을 발견하다 C 언어의 매력을 밝히다: 프로그래머의 잠재력을 발견하다 Feb 24, 2024 pm 11:21 PM

C 언어 학습의 매력: 프로그래머의 잠재력을 여는 것 지속적인 기술 발전으로 컴퓨터 프로그래밍은 많은 주목을 받는 분야가 되었습니다. 많은 프로그래밍 언어 중에서 C 언어는 항상 프로그래머들에게 사랑을 받아 왔습니다. C 언어의 단순성, 효율성 및 폭넓은 적용 덕분에 많은 사람들이 프로그래밍 분야에 입문하는 첫 번째 단계는 C 언어입니다. 이 기사에서는 C 언어 학습의 매력과 C 언어 학습을 통해 프로그래머의 잠재력을 발휘하는 방법에 대해 설명합니다. 우선, C 언어 학습의 매력은 단순함에 있습니다. C언어는 다른 프로그래밍 언어에 비해

Pygame 시작하기: 종합적인 설치 및 구성 튜토리얼 Pygame 시작하기: 종합적인 설치 및 구성 튜토리얼 Feb 19, 2024 pm 10:10 PM

처음부터 Pygame 배우기: 전체 설치 및 구성 튜토리얼, 특정 코드 예제 필요 소개: Pygame은 Python 프로그래밍 언어를 사용하여 개발된 오픈 소스 게임 개발 라이브러리로, 개발자가 다양한 유형을 쉽게 만들 수 있도록 풍부한 기능과 도구를 제공합니다. 게임의. 이 기사는 처음부터 Pygame을 배우는 데 도움이 될 것이며, 완전한 설치 및 구성 튜토리얼과 빠른 시작을 위한 특정 코드 예제를 제공할 것입니다. 1부: Python 및 Pygame 설치 먼저 다음 사항을 확인하세요.

워드에서 근수를 입력하는 방법을 함께 알아볼까요? 워드에서 근수를 입력하는 방법을 함께 알아볼까요? Mar 19, 2024 pm 08:52 PM

Word에서 텍스트 내용을 편집할 때 수식 기호를 입력해야 하는 경우가 있습니다. 어떤 사람들은 Word에서 근수를 입력하는 방법을 모르기 때문에 편집자에게 Word에서 근수를 입력하는 방법에 대한 튜토리얼을 친구들과 공유해달라고 요청했습니다. 그것이 내 친구들에게 도움이 되기를 바랍니다. 먼저 컴퓨터에서 Word 소프트웨어를 연 다음 편집하려는 파일을 열고 루트 기호를 삽입해야 하는 위치로 커서를 이동합니다. 아래 그림 예를 참조하세요. 2. [삽입]을 선택한 후, 기호에서 [수식]을 선택하세요. 아래 그림의 빨간색 원과 같이 3. 아래의 [새 수식 삽입]을 선택하세요. 아래 그림의 빨간색 원과 같이 4. [부수]를 선택한 후 해당 부수를 선택합니다. 아래 그림의 빨간색 원에 표시된 대로:

Go 언어의 주요 기능을 처음부터 배우세요 Go 언어의 주요 기능을 처음부터 배우세요 Mar 27, 2024 pm 05:03 PM

제목: Go 언어의 주요 기능을 처음부터 배우세요. Go 언어는 간단하고 효율적인 프로그래밍 언어로 개발자들이 선호합니다. Go 언어에서 main 함수는 진입 함수이고, 모든 Go 프로그램은 프로그램의 진입점으로 main 함수를 포함해야 합니다. 이 글에서는 Go 언어의 주요 기능을 처음부터 배우는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. 먼저 Go 언어 개발 환경을 설치해야 합니다. 공식 홈페이지(https://golang.org)에 접속하시면 됩니다.

pip 설치를 빠르게 배우고 처음부터 기술을 익히십시오. pip 설치를 빠르게 배우고 처음부터 기술을 익히십시오. Jan 16, 2024 am 10:30 AM

pip 설치를 처음부터 배우고 특정 코드 예제가 필요합니다. 개요: pip는 Python 패키지를 쉽게 설치, 업그레이드 및 관리할 수 있는 도구입니다. Python 개발자에게는 pip 사용 기술을 익히는 것이 매우 중요합니다. 이 기사에서는 처음부터 pip 설치 방법을 소개하고 독자가 pip 사용법을 빠르게 익히는 데 도움이 되는 몇 가지 실용적인 팁과 구체적인 코드 예제를 제공합니다. 1. pip 설치 pip를 사용하기 전에 먼저 pip를 설치해야 합니다. 씨

h5에서 위치를 사용하는 방법 h5에서 위치를 사용하는 방법 Dec 26, 2023 pm 01:39 PM

H5에서는 position 속성을 사용하여 CSS를 통해 요소의 위치 지정을 제어할 수 있습니다. 1. 상대 위치 지정, 구문은 "style="position:relative;"; 2. 절대 위치 지정, 구문은 "style="position: 절대;" "; 3. 고정 위치 지정, 구문은 "style="position:fixed;" 등입니다.

See all articles