【web】微信小程序笔记小结（视图与逻辑）

  过完年回来干正事了orz  

来源：黑马程序员前端微信小程序开发教程

目录

I. 页面导航

① 概念

② 导航方式

1）声明式导航

※※ 导航到 tabBar 页面

※※ 导航到非 tabBar 页面

※※ 后退导航

2）编程式导航

※※ 导航到 tabBar 页面

 ※※ 导航到非 tabBar 页面

※※ 后退导航

3）导航传参

※※ 声明式

※※ 编程式

※※ 在 onLoad 中接收导航参数

II. 页面事件

① 下拉刷新

1）概念

2）启用

3）配置窗口样式

4）监听

5）停止下拉刷新效果 

② 上拉触底

1）概念

2）监听

3）配置距离

4）案例（没写）

※※ 例图

※※ 步骤 

※ 5）自定义编译模式

III. 生命周期

① 概念

② 分类

③ 生命周期函数

1）概念

2）分类

※※ 应用生命周期函数

※※ 应用生命周期函数

IV. WXS 脚本

① 概念与应用场景

② wxs 和 JavaScript 的关系

③ 基础语法

1）内嵌 wxs 脚本 

 2）定义外联的 wxs 脚本

3）使用外联的 wxs 脚本

④ 特点

1）与 JavaScript 不同

2）不能作为组件的事件回调

3）隔离性

4）性能好

V. 案例——本地生活（列表界面）【还没写】

---

I. 页面导航

① 概念

② 导航方式

1）声明式导航

※※ 导航到 tabBar 页面

※※ 导航到非 tabBar 页面

※※ 后退导航

2）编程式导航

※※ 导航到 tabBar 页面

 ※※ 导航到非 tabBar 页面

※※ 后退导航

3）导航传参

※※ 声明式

※※ 编程式

※※ 在 onLoad 中接收导航参数

II. 页面事件

① 下拉刷新

1）概念

下拉刷新是 移动端的专有名词 ，指的是通过手指在屏幕上的下拉滑动操作，从而 重新加载 页面数据的行为

2）启用

3）配置窗口样式

4）监听

5）停止下拉刷新效果 

② 上拉触底

1）概念

上拉触底是 移动端的专有名词 ，通过手指在屏幕上的上拉滑动操作，从而 加载更多 数据的行为

2）监听

3）配置距离

4）案例（没写）

※※ 例图

※※ 步骤 

※ 5）自定义编译模式

III. 生命周期

① 概念

② 分类

③ 生命周期函数

1）概念

2）分类

※※ 应用生命周期函数

※※ 应用生命周期函数

 

IV. WXS 脚本

① 概念与应用场景

 WXS（ WeiXin Script ）是小程序独有的一套 脚本语言 ，结合WXML，可以构建出页面的 结构 

 wxml 中无法调用在页面的 . js 中定义的函数，但是， wxml 中可以调用 wxs 中定义的函数

 小程序中 wxs 的 典型应用场景 就是 “过滤器” 

② wxs 和 JavaScript 的关系

③ 基础语法

1）内嵌 wxs 脚本 

 2）定义外联的 wxs 脚本

3）使用外联的 wxs 脚本

④ 特点

1）与 JavaScript 不同

2）不能作为组件的事件回调

3）隔离性

4）性能好

V. 案例——本地生活（列表界面）【还没写】

---

恭喜看到这的小伙伴，你已经完成微信小程序视图与逻辑部分的学习了~！！

下面就要开始基础加强部分了，继续加油吧！

下一篇在这里 (｡･∀･)ﾉﾞ → 还没写完 

 欢迎点赞评论收藏嘿嘿嘿~ ！