[H 5]MUIベース
2059 ワード
html 5+:plusの環境の下で、html 5の元の基礎の上で、JavaScriptの機能を拡張して、jsが携帯電話の上で各種のブラウザを呼び出すことができて実現できないあるいはよくないシステムの能力を実現することができて、設備の能力は例えばカメラ、ジャイロ、ファイルのシステムなど、業務の能力は例えばアップロードダウンロード、QRコード、地図、支払い、音声の入力、メッセージのプッシュなどです.画像のダウンロード、ajaxドメイン間リクエスト、メール、電話、現在のデバイス情報の取得など.
MUI:携帯電話に基づいて最適化されたhtmlスタイルのフレームワークで、html 5+機能が統合されています.
HTML 5がアプリを開発する原理:あなたと携帯電話のウェブサイトを作る原理は多くなくて、ただhtml 5+とMUIに基づいた上で、更にhbuilderを使ってパッケージ化した後で、あなたのhtmlページに原生appの大部分の機能を実現することができて、あなたのhtml体験をますますappに似ています
MUIはDOMパッケージではありませんが、jQueryは公式には推奨されていません.jqはマルチプラットフォームの両立がうまくいかず、モバイル側で白い画面が発生する可能性があります.マルチプラットフォームを両立させるためになるべくネイティブJSを使う
ベースレイアウト
ヘッド
test
本体
よく使う
mui.toast(" ");
MUIレイアウト
BootStrapとか使ったことあるから見てすぐわかるはず.MUIにも使われている12列のグリッドシステム.
クラス名:
mui-row
mui-col-xs-1 mui-col-xs-2 mui-col-xs-3 mui-col-xs-4
mui-col-xs-5 mui-col-xs-6 mui-col-xs-7 mui-col-xs-8
mui-col-xs-9 mui-col-xs-10 mui-col-xs-11 mui-col-xs-12
mui-col-sm-1 mui-col-sm-2 mui-col-sm-3 mui-col-sm-4
mui-col-sm-5 mui-col-sm-6 mui-col-sm-7 mui-col-sm-8
mui-col-sm-9 mui-col-sm-10 mui-col-sm-11mui-col-sm-12
xsは極小スクリーンを表し、smは小スクリーンcol-xx-xxは占有シリーズを表す.
12
11
1
10
2
9
3
8
4
7
5
6
6