1. ライフサイクル
1. ライフサイクルとは
2. ライフサイクルの分類
3. ライフサイクル機能とは
4. ライフサイクル機能の分類
5. アプリケーションのライフサイクル機能
- アプレットはで宣言する
应用生命周期函数
必要がありますapp.js
。サンプル コードは次のとおりです。
6. ページのライフサイクル機能
- アプレットは
页面生命周期函数
page.js 文件
で宣言する必要があります。サンプル コードは次のとおりです。
2、WXS スクリプト
1.wxsとは
WXS
(WeiXin Script) はい小程序独有的一套脚本语言
、WXML と組み合わせることでページの構造を構築できます。
2. wxsの適用シナリオ
wxml 中无法调用在页面的 .js 中定义的函数
ただし、wxs で定義された関数は wxml で呼び出すことができます。- アプレット内の wxs は
典型应用场景
" " です过滤器
。
3. wxs と JavaScript* の関係
3. WXSの基本構文
1. 埋め込み wxs スクリプト
- Javascript コードが HTML ファイルの <script> タグに記述できるのと同じように、wxs
<wxs>
コードは wxml ファイルのタグに記述できます。 - wxml ファイル内の各 <wxs></wxs> タグは、wxml 内のモジュール内のメンバーを
必须提供 module 属性
指定し、アクセスを容易にするために使用されます。当前 wxs 的模块名称
2. 外部 wxs スクリプトを定義する
- JavaScript コードを
以 .wxs 为后缀名的文件内
.js 接尾辞が付いたファイルに記述できるのと同様に、wxs コードも で記述することができます。サンプルコードは次のとおりです。
3. 外部 wxs スクリプトの使用
- wxml に外部 wxs スクリプトを導入する場合、
必须
<wxs> タグにmodule
とsrc
属性 を追加します。ここで:module
モジュールの名前を指定するために使用されますsrc
インポートするスクリプトのパスを指定するために使用されます。必须是相对路径
- サンプルコードは次のとおりです。
4. WXSの特徴
1.JavaScriptとの違い
- wxs() の学習コストを削減するために
WeiXin Script
、wxs 言語は設計時に JavaScript の構文から多くを借用しています。しかし本質的には、wxs と JavaScript はまったく異なる 2 つの言語です。
2. コンポーネントのイベントコールバックとしては使用できません
- wxs の典型的なアプリケーション シナリオは「
过滤器
」です。经常配合 Mustache 语法进行使用
次に例を示します。
- ただし、関数は wxs で定義されています
不能作为组件的事件回调函数
。たとえば、次のような使用法は間違っています。
3. 隔離
隔离性
これは、wxs の実行環境が他の JavaScript コードから分離されていることを意味します。それは次の 2 つの側面に反映されます。- wxs は js で定義された関数を呼び出すことができません
- wxs はアプレットによって提供される API を呼び出すことができません
4. 優れたパフォーマンス
- インターネットでは
iOS设备
、アプレット内の JavaScript コードがWXS
比較されます。快 2 ~ 20 倍
android
デバイス上では、両方の動作効率が无差异