>  기사  >  웹 프론트엔드  >  HTML5Plus 모바일 개발 시작하기

HTML5Plus 모바일 개발 시작하기

小云云
小云云원래의
2018-02-10 14:02:284666검색

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으로 문의하세요.