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为后缀名的文件内

相关推荐
mykj15514 小时前
英语单词APP解锁学习新方式,智能高效背单词
学习·英语单词app
吴声子夜歌4 小时前
ApacheCommons——commons-cli(命令行参数解析)
java·开发语言·apache
知识分享小能手4 小时前
深度学习学习教程,从入门到精通,深度学习中的正则化 — 完整知识点与代码示例(7)
人工智能·深度学习·学习
~kiss~5 小时前
Agent 的 未来吗?String: An Agentic OS Where Every App Is a Markdown File
学习
HugoStudio_SWAN6 小时前
洛谷 B4450 / B3867 / B3923 智慧购物、储蓄与做题——从程序到生活
c++·学习·程序人生·算法·生活
UIU1148 小时前
scanf与cout的误区:探究其内部的机制
c++·学习·c#·scanf
吴声子夜歌10 小时前
ApacheCommons——commons-text(模板替换与文本算法)
java·开发语言·算法·apache
zyf10441613 小时前
暑期实践日志 Day48:复盘大纲与知识点对照表,系统汇总整理成果
学习·计算机网络·剪辑·暑期实践·课题任务
m4Rk_14 小时前
【论文阅读】Agent 记忆机制(61):CFGM——用粗到细的记忆落地贯通经验采集、知识蒸馏与在线纠错
论文阅读·人工智能·学习·开源·github
边境悍匪14 小时前
蜗牛学苑 Java 智能体学习 Day33|AOP 面向切面编程、日志技术思维导图复盘
学习