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)
     :       ,         
    { "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の違い.
  • ウィジェットはブラウザ上で実行されないため、BOMとDOMオブジェクトはありません.
  • ウィジェットのJSにはいくつかの追加メンバー
  • があります
  • Appメソッドは、アプリケーションインスタンスオブジェクト
  • を定義するために使用される.
  • Pageメソッドは、ページオブジェクト
  • を定義するために使用される.
  • getAppメソッドは、グローバルアプリケーションオブジェクト
  • を取得するために使用される.
  • getCurrentPagesメソッド現在のページの呼び出しスタック(配列、最後の要素が現在のページ)を取得するための
  • wxオブジェクトは、コアAPI
  • を提供するために使用される


      3.アプレットのJSはCommonJS仕様の
  • exprotエクスポート
  • function say(){
      console.log("  Say  ")
    }
    //  
    module.exports = {
      say:say
    } 

  • import導入
  • require
  • 参照
  • const util = require('../../utils/util.js')