1. 程式人生 > >微信小程式——學習筆記(三)檢視層(1)

微信小程式——學習筆記(三)檢視層(1)

WXS—(WeiXin Script)是小程式特有的一套指令碼語言。wxs有自己的語法,今天就學習一下wxs的語法。

1) wxs程式碼可以編寫在wxml檔案中的<wxs>標籤內,或者是XXX.wxs的檔案內。不管是標籤還是檔案都是一個單獨的模組。

2) 每個模組裡面定義的變數與函式都預設為私有,只能通過module.exports使用模組內部的私有變數與函式。

// /pages/tools.wxs

var foo = "'hello world' from tools.wxs";
var bar = function (d) {
  return d;
}
module
.exports = { FOO: foo, bar: bar, }; module.exports.msg = "some msg";

3) 如果想在wxs模組中引用其他wxs檔案模組,使用require函式。

// /pages/logic.wxs

var tools = require("./tools.wxs");

console.log(tools.FOO);
console.log(tools.bar("logic.wxs"));
console.log(tools.msg);

變數

  • 沒有宣告的變數直接賦值使用,會被定義為全域性變數。
  • 如果只宣告變數而不賦值,則預設值為 
    undefined
  • var表現與javascript一致,會有變數提升。

變數名

  • 首字元必須是:字母(a-zA-Z),下劃線(_)
  • 剩餘字元可以是:字母(a-zA-Z),下劃線(_), 數字(0-9)

註釋

// 方法一:單行註釋

/*
方法二:多行註釋
*/

/*
方法三:結尾註釋。即從 /* 開始往後的所有 WXS 程式碼均被註釋

運算子:

1>基本運算子:'+' ,'-' ,'*' ,'/' ,'%'.

2>一元運算子:'++' , '--' , '~', '!' , 'delete', 'void','typeof'.

3>位運算子:<<,>>,>>>,&,^,|.

3>比較運算子:>=,<=,>,<.

5>等值運算子:==,!=,===,!==.

6>賦值運算子:=

7>二元運算子:&&,||.

語句:

(if,switch,for,while)

資料型別:

  • number : 數值
  • string :字串
  • boolean:布林值
  • object:物件
  • function:函式
  • array : 陣列
  • date:日期
  • regexp:正則

基本類庫:

1>Console.log方法用於在console視窗輸出資訊。它可以接受多個引數,將它們的結果連線起來輸出。

2>Math

3>Json

4>Number

5>Date

6>Global


Wxss——相當於web裡面的css.是一套樣式語言,用於描述 WXML 的元件樣式。

Wxss 具有Css大部分特性,又對Css進行了擴充以及修改,擴充套件的特性有:

尺寸單位:1px=2rpx=2物理畫素

樣式匯入:使用@import語句可以匯入外聯樣式表,在@import後加上需要匯入的外聯樣式表的相對路徑。

@import "common.wxss";
.middle-p {
  padding:15px;
}