1：数据绑定
1：数据绑定的基本原则
2：在data中定义页面的数据
3：Mustache语法
4：Mustache的应用场景
1：常见的几种场景
2：动态绑定内容
3：动态绑定属性
4：三元运算
4：算数运算
2：事件绑定
1：什么是事件
2：小程序中常用的事件
3：事件对象的属性列表
4：target和currentTarget的区别
5：bindtap的语法格式
6：在数据处理函数中为data中的数据赋值
7：事件传参
8：bindinput的语法格式
9：实现文本框和data之间的数据同步
1：定义数据
2：渲染结构
3：美化样式
4：绑定input事件处理函数
3：条件渲染
1：wx:if与wx:elif和wx:else
2：结合<biock>标签使用wx:if
3：hidden
3：wx:if与hidden的对比
1：运行方式不同
2：使用场景
4：列表渲染
1：wx:for
2：手动指定索引和当前项的变量名*（*了解就行）
3：wx:key的使用
5：模板样式
1：什么是wxss
2：wxss和css之间的关系（wxss扩展的特性）
1：rpx尺寸单位
1：什么是rpx尺寸单位
2：rpx的实现原理
3：rpx与px之间的单位换算*（*了解就行）
2：@import的语法格式
6：全局样式和局部样式
1：全局样式
2：局部样式
7：全局配置
1：全局配置文件及常用的配置项
1：window
2：了解window节点常用配置项
3：设置导航栏的标题
4：设置导航栏的背景色（只支持16进制的颜色--#ccc）
5：设置导航栏的标题颜色
6：全局开启下拉刷新的功能
7：设置下拉刷新时窗口的背景色（只支持16进制的颜色--#ccc）
8：设置下拉刷新时 loading的样式
9：设置上拉触底的距离
10：什么是tabBar
11：tabBar的六个组成部分
11：tabBar节点的配置项
12：每个tab项的配置选项
2：实例配置tabBar
1：需求描述
2：实现步骤
3：步骤1-拷贝图标资源
4：步骤2-新建几个对应的tab页面
5：步骤3-配置tabbar选项
6：tabBar 页面展示效果
8：页面配置
1：页面配置文件的作用
2：页面配置和全局配置的关系
3：页面配置中常用的配置项
9：网络数据请求
1：小程序中网络数据请求的限制
2：配置request合法域名
3：发起get请求
4：发起post请求
5：在页面刚加载时请求数据
6：调过request合法域名校验
7：关于跨域和Ajax的说明
10：实现案例--本地生活的首页
1：效果以及实现步骤
1：新建项目并梳理项目解构
2：配置导航栏效果
3：配置tabBar效果
4：实现轮播图效果
1：js部分
2：html部分
5：实现九宫格效果
1：js部分
2：html部分
6：实现底部两个链接
1：html部分
<!-- 图片区域链接 -->
<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：总结
11：页面导航
什么是页面导航
1：小程序中实现页面导航的两种方式
1：声明式导航
1：声明式导航跳转到tabBar页
2：声明式导航跳转到非tabBar页
3：声明式导航--后退
2：编程式导航
1：编程式导航跳转到tabBar页
2：编程式导航跳转到非tabBar页
3：编程式导航--后退
2：导航传参
1：声明式导航传参
2：编程式导航传参
3：在onLoad中接收导航参数
12：页面事件
1：下拉刷新
1：什么是下拉刷新
2：启用下拉刷新
3：配置下拉刷新窗口的样式
4：监听页面的下拉刷新事件
5：停止下拉刷新的效果（下拉后不会自己恢复，需要手动恢复）
2：上拉触底
1：什么是上拉触底
2：监听页面的上拉触底事件
3：配置上拉触底的距离
4：上拉触底的案例
1：案例效果展示
2：案例的实现步骤
3：步骤1-定义获取随机颜色的方法
4：步骤2-在页面加载时获取初始数据
5：步骤3-渲染ui解构并美化页面效果
6：步骤4-上拉触底时获取随机颜色
7：步骤5-添加上拉加载的样式效果
8：步骤6-对上拉触底进行节流处理
3：自定义编译模式
13：生命周期
1：什么是生命周期
2：生命周期的分类
3：什么是生命周期函数
4：生命周期函数的分类
5：小程序中的应用生命周期函数
6：小程序中页面上的生命周期函数
14：wxs脚本
1：什么是wxs
文章来源：https://www.toymoban.com/news/detail-636607.html
2：wxs的应用场景
文章来源地址https://www.toymoban.com/news/detail-636607.html
15：实现案例--本地生活列表页
到了这里，关于微信小程序--原生的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
