1：數(shù)據(jù)綁定
1：數(shù)據(jù)綁定的基本原則
2：在data中定義頁面的數(shù)據(jù)
3：Mustache語法
4：Mustache的應(yīng)用場景
1：常見的幾種場景
2：動態(tài)綁定內(nèi)容
3：動態(tài)綁定屬性
4：三元運算
4：算數(shù)運算
2：事件綁定
1：什么是事件
2：小程序中常用的事件
3：事件對象的屬性列表
4：target和currentTarget的區(qū)別
5：bindtap的語法格式
6：在數(shù)據(jù)處理函數(shù)中為data中的數(shù)據(jù)賦值
7：事件傳參
8：bindinput的語法格式
9：實現(xiàn)文本框和data之間的數(shù)據(jù)同步
1：定義數(shù)據(jù)
2：渲染結(jié)構(gòu)
3：美化樣式
4：綁定input事件處理函數(shù)
3：條件渲染
1：wx:if與wx:elif和wx:else
2：結(jié)合<biock>標(biāo)簽使用wx:if
3：hidden
3：wx:if與hidden的對比
1：運行方式不同
2：使用場景
4：列表渲染
1：wx:for
2：手動指定索引和當(dāng)前項的變量名*（*了解就行）
3：wx:key的使用
5：模板樣式
1：什么是wxss
2：wxss和css之間的關(guān)系（wxss擴(kuò)展的特性）
1：rpx尺寸單位
1：什么是rpx尺寸單位
2：rpx的實現(xiàn)原理
3：rpx與px之間的單位換算*（*了解就行）
2：@import的語法格式
6：全局樣式和局部樣式
1：全局樣式
2：局部樣式
7：全局配置
1：全局配置文件及常用的配置項
1：window
2：了解window節(jié)點常用配置項
3：設(shè)置導(dǎo)航欄的標(biāo)題
4：設(shè)置導(dǎo)航欄的背景色（只支持16進(jìn)制的顏色--#ccc）
5：設(shè)置導(dǎo)航欄的標(biāo)題顏色
6：全局開啟下拉刷新的功能
7：設(shè)置下拉刷新時窗口的背景色（只支持16進(jìn)制的顏色--#ccc）
8：設(shè)置下拉刷新時 loading的樣式
9：設(shè)置上拉觸底的距離
10：什么是tabBar
11：tabBar的六個組成部分
11：tabBar節(jié)點的配置項
12：每個tab項的配置選項
2：實例配置tabBar
1：需求描述
2：實現(xiàn)步驟
3：步驟1-拷貝圖標(biāo)資源
4：步驟2-新建幾個對應(yīng)的tab頁面
5：步驟3-配置tabbar選項
6：tabBar 頁面展示效果
8：頁面配置
1：頁面配置文件的作用
2：頁面配置和全局配置的關(guān)系
3：頁面配置中常用的配置項
9：網(wǎng)絡(luò)數(shù)據(jù)請求
1：小程序中網(wǎng)絡(luò)數(shù)據(jù)請求的限制
2：配置request合法域名
3：發(fā)起get請求
4：發(fā)起post請求
5：在頁面剛加載時請求數(shù)據(jù)
6：調(diào)過request合法域名校驗
7：關(guān)于跨域和Ajax的說明
10：實現(xiàn)案例--本地生活的首頁
1：效果以及實現(xiàn)步驟
1：新建項目并梳理項目解構(gòu)
2：配置導(dǎo)航欄效果
3：配置tabBar效果
4：實現(xiàn)輪播圖效果
1：js部分
2：html部分
5：實現(xiàn)九宮格效果
1：js部分
2：html部分
6：實現(xiàn)底部兩個鏈接
1：html部分
<!-- 圖片區(qū)域鏈接 -->
<view class="flexE colorW marginTB20">
<view class="bgred W45 lineH200 flexCenter borderRa">
商家推薦
</view>
<view class="bgblue W45 lineH200 flexCenter borderRa">
交友論壇
</view>
</view>
2：css部分
.flexE{
display: flex;
justify-content: space-evenly;
}
.colorW{
color: white;
}
.bgred{
background-color: rgb(255, 128, 128);
}
.bgblue{
background-color: rgb(133, 133, 255);
}
.W45{
width: 45%;
}
.lineH200{
height: 200rpx;
}
.marginTB20{
margin-top: 20rpx;
}
.flexCenter{
display: flex;
justify-content: center;
align-items: center;
}
.borderRa{
border-radius: 8rpx;
}
2：總結(jié)
11：頁面導(dǎo)航
什么是頁面導(dǎo)航
1：小程序中實現(xiàn)頁面導(dǎo)航的兩種方式
1：聲明式導(dǎo)航
1：聲明式導(dǎo)航跳轉(zhuǎn)到tabBar頁
2：聲明式導(dǎo)航跳轉(zhuǎn)到非tabBar頁
3：聲明式導(dǎo)航--后退
2：編程式導(dǎo)航
1：編程式導(dǎo)航跳轉(zhuǎn)到tabBar頁
2：編程式導(dǎo)航跳轉(zhuǎn)到非tabBar頁
3：編程式導(dǎo)航--后退
2：導(dǎo)航傳參
1：聲明式導(dǎo)航傳參
2：編程式導(dǎo)航傳參
3：在onLoad中接收導(dǎo)航參數(shù)
12：頁面事件
1：下拉刷新
1：什么是下拉刷新
2：啟用下拉刷新
3：配置下拉刷新窗口的樣式
4：監(jiān)聽頁面的下拉刷新事件
5：停止下拉刷新的效果（下拉后不會自己恢復(fù)，需要手動恢復(fù)）
2：上拉觸底
1：什么是上拉觸底
2：監(jiān)聽頁面的上拉觸底事件
3：配置上拉觸底的距離
4：上拉觸底的案例
1：案例效果展示
2：案例的實現(xiàn)步驟
3：步驟1-定義獲取隨機(jī)顏色的方法
4：步驟2-在頁面加載時獲取初始數(shù)據(jù)
5：步驟3-渲染ui解構(gòu)并美化頁面效果
6：步驟4-上拉觸底時獲取隨機(jī)顏色
7：步驟5-添加上拉加載的樣式效果
8：步驟6-對上拉觸底進(jìn)行節(jié)流處理
3：自定義編譯模式
13：生命周期
1：什么是生命周期
2：生命周期的分類
3：什么是生命周期函數(shù)
4：生命周期函數(shù)的分類
5：小程序中的應(yīng)用生命周期函數(shù)
6：小程序中頁面上的生命周期函數(shù)
14：wxs腳本
1：什么是wxs
文章來源：http://www.zghlxwxcb.cn/news/detail-636607.html
2：wxs的應(yīng)用場景
文章來源地址http://www.zghlxwxcb.cn/news/detail-636607.html
15：實現(xiàn)案例--本地生活列表頁
到了這里，關(guān)于微信小程序--原生的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
