WeChatウィジェットの概要

WeChatウィジェットの概要

ウィジェットを学ぶには、どんなことがあるのか、ウィジェットを開発する前にどのような準備が必要なのか、微信ウィジェット開発ツールの使用、ウィジェットのディレクトリ構造解析、ビューとレンダリング、イベントを理解します.
ウィジェットの構成の詳細、ウィジェットのライフサイクルとappオブジェクトの使用、ページの構成、ページのライフサイクルとパラメータの伝達、ユーザーのログイン、UI開発.
UI開発におけるレイアウトベース,スタイルベース,コンポーネントの使用,ビューコンテナの使用,ベースコンテンツコンポーネント,フォームコンポーネント,操作フィードバックツール,ナビゲーション,マルチメディアの使用.
地図とLBS、キャンバス、トップページの属性、apiの開発、サーバーデータの要求、ファイルのアップロードとダウンロード、websocketはインスタントチャットを実現し、画像の選択と呼び出しは微信撮影、微信録音、微信ネットワーク状態の取得、現在の位置の取得、オーディオの制御、キャッシュデータ、重力誘導、微信ウィジェットのユーザー情報の取得、微信ウィジェットの微信支払い、羅盤など

微信ウィジェットの概要

問:微信ウィジェットとは何ですか.ウィチャットのウィジェットは何に使いますか?どのようなインターネット製品が微信ウィジェットに適していますか?微信ウィジェットはどのような変革をもたらしますか?

ディレクトリ構造の詳細

プロジェクトのディレクトリ構造

pages
->index
->index.js //     
->index.wxml //   UI
->index.wxss //     
->logs
->logs.js
->logs.json //        
->logs.wxml
->logs.wxss
utils
app.js
app.json
app.wxss

ビューとレンダリング

コンポーネントの使用、データのバインド、レンダリングラベル、テンプレートの使用

// index.js
Page({
 data: {

 },
 onLoad: function(options) {
  //       
 },
 onReady: function() {
  //       
 },
 onShow: function() {
  //      
 },
 onHide: function() {
  //      
 },
 onUnload: function() {
  //     
 }
})

レンダーラベル(Render Label)
表示

if="{{true}}">dashu

非表示

if="{{false}}">dashu

ループ

for="{{[1,2,3]}}">
    {{item}} {{index}}

wx:for-item="news-item"
wx:for-index="news-index"

shift():     

かたいた

templates
->header.wxml

  

// index.wxml
"../templates/header"/>

templates
->footer.wxml

// footer.wxml

"../temmplates/footer"/>

見たらいいと思う
いいね!転送!
達おじさん小生:これから余生、あなただけがYou and me、we are family!90後のハンサムな若者、良好な開発習慣;独立して考える能力;積極的でコミュニケーションが上手なブログ:達叔小生www.jianshu.com/u/c785ece60…

締めくくり

次は他の知識について詳しく説明し続け、興味があれば

に注目し続けることができます.

小さな贈り物歩いてみるorいいね