1.字符串,代表在 for 循環的 array 中 item 的某個 ,該 的值需要是列表中唯一的字符串或數字,且不能動態改變。
2.保留關鍵字 this 代表在 for 循環中的 item 本身,這種表示需要 item 本身是一個唯一的字符串或者數字。
(7) : WXML提供模板(),可以在模板中定義代碼片段,然后在不同的地方調用。使用 name 屬性,作為模板的名字。然后在 內定義代碼片段,
使用 is 屬性,聲明需要的使用的模板打開網頁初始化失敗,然后將模板所需要的 data 傳入
引用:WXML 提供兩種文件引用方式和。
:只導入的內容,有作用域的概念打開網頁初始化失敗,即只會 目標文件中定義的 ,而不會 目標文件中 的 ,簡言之就是 不具有遞歸的特性。
:導入除了,
5、小程序樣式wxss
(1)尺寸單位 :1rpx = (屏幕寬度/750)px
(2)樣式的導入:@ './.wxss'
(3)小程序中的樣式選擇器 :類名選擇器 .class id選擇器 #id 元素選擇器 view 偽元素選擇器 ::after ::
6、小程序中的JS
(1)小程序中的js和瀏覽器中和node中的區別
瀏覽器中JS:ES、DOM、BOM
Node中的JS:ES、NPM、
小程序中的JS:ES、小程序框架、小程序API
(2)小程序目前可以運行在三大平臺:
1.iOS平臺,包括iOS9、iOS10、iOS11
2.平臺
3.小程序IDE
7、小程序中的數據渲染
JS是單線程的
(1)小程序和瀏覽器中有什么不同:瀏覽器中渲染是單線程的。
而在小程序中的運行環境分成渲染層和邏輯層, WXML 模板和 WXSS 樣式工作在渲染層,JS 腳本工作在邏輯層。
(2)在 JS 腳本使用 this. 方法把 msg 字段設置
this.({ msg: 'Hello World' })
可以看到3個點:
1.渲染層和數據相關。
2.邏輯層負責產生、處理數據。
3.邏輯層通過 Page 實例的 方法傳遞數據到渲染層。
8、程序和界面
(1)程序:“小程序”指的是產品層面的程序,而“程序”指的是代碼層面的程序實例,為了避免誤解,下文采用App來代替代碼層面的“程序”概念
App({
: () {},
: () {},
: () {},
: (msg) {},
: 'I am data'
})
全局數據 獲取全局數據: let app = ()
?: 當小程序初始化完成時,會觸發 (全局只觸發一次)
(){}
? :當小程序啟動,或從后臺進入前臺顯示,會觸發
(){}
? :當小程序從前臺進入后臺,會觸發
(){}
? :當小程序發生腳本錯誤,或者 API 調用失敗時,會觸發 并帶上錯誤信息。
(){}
? 其他字段:可以添加任意的函數或數據到 參數中,在App實例回調用 this 可以訪問。
(2)Page:一個小程序可以有很多頁面,每個頁面承載不同的功能,頁面之間可以互相跳轉。
(3)頁面構造器
Page({
data: { text: "This is page data." },
: () { },
: () { },
: () { },
: () { },
: () { },
: () { },
: () { },
: () { },
: () { }
})
(4)生命周期
:生命周期函數--監聽頁面加載,觸發時機早于和
:生命周期函數--監聽頁面初次渲染完成
:生命周期函數--監聽頁面顯示,觸發事件早于
:生命周期函數--監聽頁面隱藏
:生命周期函數--監聽頁面卸載
注意事項:
? 直接修改 Page實例的this.data 而不調用 this. 是無法改變頁面的狀態的,還會造成數據不一致。
? 由于是需要兩個線程的一些通信消耗,為了提高性能,每次設置的數據不應超過。
? 不要把data中的任意一項的value設為,否則可能會有引起一些不可預料的bug。
(5)頁面的用戶行為:
下拉刷新
上拉觸底
頁面滾動
用戶轉發 ;Page({
: () {
{
title: '自定義轉發標題',
// 自定義點擊鏈接需要跳轉的頁面,默認當前頁面
path: '/page/user?id=123'
}
}
})
(6)事件
(1)事件定義
點擊事件
另一種寫法
Page({
(){
.log("執行了點擊事件");
}
})
(2)事件類型
手指觸摸動作開始
手指觸摸后移動
手指觸摸動作被打斷,如來電提醒,彈窗
手指觸摸動作結束
tap 手指觸摸后馬上離開
手指觸摸后,超過350ms再離開,如果指定了事件回調函數并觸發了這個事件,tap事件將不被觸發
? 手指觸摸后,超過350ms再離開(推薦使用事件代替)
? 會在 WXSS 或 wx. 動畫結束后觸發
? 會在一個 WXSS 動畫開始時觸發
? 會在一個 WXSS 一次迭代結束時觸發
? 會在一個 WXSS 動畫完成時觸發