微信小程式——學習筆記(三)檢視層(1)
阿新 • • 發佈:2018-11-26
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;
}