2024.2.8日总结(小程序开发5)

对上拉触底事件进行节流处理

在data中定义isloading节流阀

  • false表示当前没有进行任何数据请求
  • true表示当前正在进行数据请求

在getColors()方法中修改isloading节流阀的值

  • 在刚调用getColors时将节流阀设置true
  • 在网络请求的complete回调函数中,将节流阀重置为false

在onTeachBottom中判断节流阀的值,从而对数据请求进行节流控制

  • 如果节流阀的值为ture,则阻止当前请求
  • 如果节流阀的值为false,则发起请求

生命周期

什么是生命周期

生命周期是指一个对象从创建->运行->销毁的整个阶段,强调的是一个时间段

可以吧每个小程序运行的过程,概括为生命周期:

  • 小程序的启动,表示生命周期的开始
  • 小程序的关闭,表示生命周期的结束
  • 中间小程序运行的过程,就是小程序的生命周期
什么是生命周期函数

生命周期函数:是由小程序框架提供的内置函数,会伴随生命周期,自动按次序执行

生命周期函数的作用:允许程序员在特定的时间点,执行某些特定的操作

生命周期函数的分类

应用的生命周期函数

  • 特指小程序从启动->运行->销毁期间依次调用的那些函数

  • 小程序的应用生命周期函数需要在app.js中进行声明

    App({
    //小程序初始化完成时,执行此函数,全局只触发一次。可以做一些初始化的工作
    onLaunch:function(options){},
    //小程序启动,或从后台进入前台显示时触发
    onShow:function(options){},
    //小程序从前台进入后台时触发
    onHide:function(){}
    })

页面的生命周期函数

  • 特指小程序中,每个页面从加载->渲染->销毁期间依次调用的那些函数

  • 小程序的页面生命周期函数需要在.js中进行声明

    Page({
    onLoad:function(options){},//监听页面加载,一个页面只调用一次
    onShow:function(){},//监听页面显示
    onReady:function(){},//监听页面初次渲染完成,一个页面只调用一次
    onHide:function(){},//监听页面隐藏
    onUnload:funtion(){}//监听页面写在,一个页面只调用一次
    })

WXS脚本

什么是wxs

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

wxs的应用场景

wxml中不能调用页面的.js中定义的函数,但是wxml可以调用wxs中定义的函数。小程序中wxs的典型应用场景是"过滤器"

wxs基础语法

1.wxs代码编写在wxml文件中的<wxs>标签内

每个<wxs></wxs>标签必须提供module属性,用来指定当前wxs的模块名称,方便在wxml中访问模块中的成员

2.定义外联的wxs脚本

可以编写在以.wxs为后缀名的文件内

相关推荐
西岸行者6 天前
学习笔记:SKILLS 能帮助更好的vibe coding
笔记·学习
悠哉悠哉愿意6 天前
【单片机学习笔记】串口、超声波、NE555的同时使用
笔记·单片机·学习
别催小唐敲代码6 天前
嵌入式学习路线
学习
毛小茛6 天前
计算机系统概论——校验码
学习
babe小鑫6 天前
大专经济信息管理专业学习数据分析的必要性
学习·数据挖掘·数据分析
winfreedoms6 天前
ROS2知识大白话
笔记·学习·ros2
在这habit之下6 天前
Linux Virtual Server(LVS)学习总结
linux·学习·lvs
我想我不够好。6 天前
2026.2.25监控学习
学习
im_AMBER6 天前
Leetcode 127 删除有序数组中的重复项 | 删除有序数组中的重复项 II
数据结构·学习·算法·leetcode
CodeJourney_J6 天前
从“Hello World“ 开始 C++
c语言·c++·学习