WeChatウィジェット開発--ページ構造
3791 ワード
一、微信小プログラム開発--ページファイル構成 [page.name].js ページ論理ファイル、ページオブジェクトの作成、およびページライフサイクル制御およびデータ処理 の処理に使用される
[page.name].wxml wxmlとは、Wei Xin Markup Language を指すページ要素の構造を定義する.構文はXML構文に従い、HTML構文 ではありません.
[page.name].json(オプション) 現在のページのWindowの構成を設定し、ここでappを上書きする.jsonでのwindow設定、つまり、windowで設定した属性のみを設定できます.
[page.name].wxss(オプション) wxmlはWei Xin Style Sheet を指すページスタイルを定義する構文です.構文はCss構文に従い、cssの基本的な用法と長さ単位(主にrpx応答画素) を拡張します.
二、微信小プログラム開発--アプリケーション設定(app.json)
三、微信ウィジェット開発--ページアプリケーション設定(page.json)
それぞれのページの下に1つあります.jsonファイル、この中の内容はappだけを上書きすることができます.jsonファイルのwindowの内容.
四、微信小プログラム論理層のJavaScriptと普段使うJavaScriptの違い.ウィジェットはブラウザ上で実行されないため、BOMとDOMオブジェクトはありません. ウィジェットのJSにはいくつかの追加メンバー があります Appメソッドは、アプリケーションインスタンスオブジェクト を定義するために使用される. Pageメソッドは、ページオブジェクト を定義するために使用される. getAppメソッドは、グローバルアプリケーションオブジェクト を取得するために使用される. getCurrentPagesメソッド現在のページの呼び出しスタック(配列、最後の要素が現在のページ)を取得するための wxオブジェクトは、コアAPI を提供するために使用される
3.アプレットのJSはCommonJS仕様の exprotエクスポート
import導入 require 参照
二、微信小プログラム開発--アプリケーション設定(app.json)
: ,
{
"pages": [ //pages:
"pages/index/index",
"pages/logs/logs"
],
"window": {
"backgroundTextStyle": "light", // loading , dark / light
"navigationBarBackgroundColor": "#219bf9", //
"navigationBarTitleText": "WeChat", //
"navigationBarTextStyle": "black" // , black / white
"enablePullDownRefresh":true, //
"backgroundColor":"#eee" //
},
"debug":true, // debug , , info , Page , , , 。 。
"sitemapLocation": "sitemap.json",
"tabBar":{
"selectedColor":"#e3eeeo", //tab ,
"backgroundColor": "#666", //tab ,
"color": "#333", //tab ,
"borderStyle": "black", //tabbar , black / white
"list":[ //tab , list , 2 、 5 tab
{
"text": "index", //tab
"pagePath":"pages/index/index", // , pages
"iconPath":"pages/images/1.jpg", // ,icon 40kb, 81px * 81px, 。 position top , icon。
"selectedIconPath":"pages/images/1.jpg" // ,icon 40kb, 81px * 81px, 。 position top , icon。
},
{
"text": "logs",
"pagePath":"pages/logs/logs",
"iconPath": "pages/images/2.jpg",
"selectedIconPath":"pages/images/2.jpg"
}
]
}
}
三、微信ウィジェット開発--ページアプリケーション設定(page.json)
それぞれのページの下に1つあります.jsonファイル、この中の内容はappだけを上書きすることができます.jsonファイルのwindowの内容.
四、微信小プログラム論理層のJavaScriptと普段使うJavaScriptの違い.
3.アプレットのJSはCommonJS仕様の
function say(){
console.log(" Say ")
}
//
module.exports = {
say:say
}
const util = require('../../utils/util.js')