<center id="qkqgy"><optgroup id="qkqgy"></optgroup></center>
  • <menu id="qkqgy"></menu>
    <nav id="qkqgy"></nav>
    <xmp id="qkqgy"><nav id="qkqgy"></nav>
  • <xmp id="qkqgy"><menu id="qkqgy"></menu>
    <menu id="qkqgy"><menu id="qkqgy"></menu></menu>
    <tt id="qkqgy"><tt id="qkqgy"></tt></tt>

  • <>WXS腳本-概述

    <>1.什么是wxs

    WXS(WeiXin Script)是小程序獨有的一套腳本語言,結合WXML,可以構建出頁面的結構。

    <>2.wxs腳本

    wxml中無法調用在頁面的.js中定義的函數,但是,wxml中可以調用wxs中定義的函數。因此,小程序中wxs的典型應用場景就是“過濾器”。

    <>3.wxs和JavaScript的關系

    雖然wxs的語法類似于JavaScript,但是wxs和JavaScript是完全不同的兩種語言:

    * wxs有自己的數據類型
    * number 數值類型、string 字符串類型、boolean 布爾類型、object 對象類型、
    * function 函數類型、array 數組類型、 data 日期類型、 regexp 正則
    * wxs不支持類似于ES6及以上的語法
    * 不支持:let、const、結構賦值、展開運算符、箭頭函數、對象屬性簡寫、etc
    * 支持:var 定義變量、普通function函數等類似于ES5的語法
    * wxs遵循CommonJS規范
    * module對象
    * require()函數
    * module.exports對象
    <>WXS腳本-基本語法

    <>1.內嵌wxs腳本

    wxs 代碼可以編寫在wxml文件中的<wxs>標簽內,就像JavaScript代碼可以編寫在html文件中的<script>標簽內一樣。

    wxml文件中的每個<wxs></wxs>標簽,必須提供module屬性,用來指定當前的wxs模塊名稱,方便在wxml中訪問模塊中的成員:
    <view>{{m1.toUpper(username)}}</view> <wxs module='m1'> // 將文本轉為大寫形式 zs -> ZS
    module.exports.toUpper = function(str){ return str.toUpperCase() }</wxs>
    <>2.定義外聯的wxs腳本

    wxs代碼還可以編寫在以.wxs為后綴名的文件內,就像JavaScript代碼可以編寫在以.js為后綴名的文件中一樣。實例代碼如下:
    // tools.wxs 文件 function toLower(str){ return str.toLowerCase() } module.
    exports= { toLower:toLoWer }
    <>3.使用外聯的wxs腳本

    在wxml中引入外聯的wxs腳本時,必須為<wxs>標簽添加module和src屬性,其中:

    * module用來指定模塊的名稱
    * src用來指定要引入的腳本的路徑,且必須是相對路徑
    示例代碼如下:
    <!-- 調用 m2 模塊中的方法 --> <view>{{m2.toLower(country)}}</view> <!-- 引用外聯的
    tools.wxs 腳本,并命名為 m2 --> <wxs src="../../utils/tools.wxs" module="m2"></wxs>
    <>WXS腳本-wxs的特點

    <>1.與JavaScript不同

    為了降低wxs的學習成本,wxs語言在設計時借鑒了大量的JavaScript的語法。但是本質上,wxs都喝JavaScript是完全不同的兩種語言!

    <>2.不能作為是組件的事件回調

    wxs典型的應用場景就是“過濾器”,經常配合Mustache語法進行使用,例如:
    <view>{{m2.toLower(country)}}</view>
    但是,在wxs中定義的函數不能作為組件的事件回調函數。例如,下面的用法是錯誤的:
    <button bindtap="m2.toLower">按鈕</button>
    <>3.隔離性

    隔離性指的是wxs的運行環境和其他JavaScript代碼是隔離的。體現在如下兩方面:

    * wxs不能調用js中定義的函數
    * wxs不能調用小程序提供的API
    <>4.性能好

    * 在iOS設備上,小程序內的WXS會比javascript代碼快2~20倍
    * 在android設備上,二者的運行效率無差異

    技術
    今日推薦
    閱讀數 486
    閱讀數 80
    閱讀數 32
    閱讀數 28
    下載桌面版
    GitHub
    百度網盤(提取碼:draw)
    Gitee
    云服務器優惠
    阿里云優惠券
    騰訊云優惠券
    華為云優惠券
    站點信息
    問題反饋
    郵箱:ixiaoyang8@qq.com
    QQ群:766591547
    關注微信
    巨胸美乳无码人妻视频