小程序开发学习记录——页面导航、页面事件、生命周期、WXS脚本

最新推荐文章于 2024-09-17 23:15:52 发布
最新推荐文章于 2024-09-17 23:15:52 发布
阅读量207 收藏
点赞数
分类专栏： 微信小程序 文章标签： 学习 前端 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/spring0205/article/details/124840618
版权

页面导航

声明式导航

在页面上声明一个导航组件
通过点击组件实现页面跳转

导航到tabBar页面

在这里插入图片描述

导航到非tabBar页面

在这里插入图片描述
为了简便
在这里插入图片描述

后退导航

在这里插入图片描述
在这里插入图片描述

编程式导航

调用小程序导航的API 实现页面跳转

导航到tabBar界面

在这里插入图片描述

导航到非tabBar界面

在这里插入图片描述

后退导航

在这里插入图片描述

导航传参

声明式导航传参

在这里插入图片描述
在这里插入图片描述

编程式导航传参

在这里插入图片描述

导航传参

在这里插入图片描述
在这里插入图片描述

页面事件

下拉刷新事件

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

全局开启下拉刷新

在这里插入图片描述

局部开启下拉刷新

在这里插入图片描述

下拉刷新窗口的样式

在这里插入图片描述

监听页面的下拉刷新事件

在这里插入图片描述

停止下拉刷新的效果

在这里插入图片描述

上拉触底事件

上拉触底是移动端的专有名词 通过手指在屏幕上的上拉动作 从而加载更多数据的行为
在这里插入图片描述

监听页面的上拉触底事件

在这里插入图片描述

配置上拉触底的距离

在这里插入图片描述

生命周期

生命周期的分类

在这里插入图片描述

生命周期函数

在这里插入图片描述

生命周期函数分类

在这里插入图片描述

应用生命周期函数

在这里插入图片描述

页面生命周期函数

在这里插入图片描述

WXS脚本

在这里插入图片描述

wxs和javaScript之间的关系

在这里插入图片描述

基础语法

内嵌的wxs脚本

在这里插入图片描述

外联的wxs脚本

在这里插入图片描述
在这里插入图片描述

wxs的特点

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

想做合格的前端程序员
关注
专栏目录
微信小程序（页面导航、页面事件、生命周期、WXS脚本）
ZHAOKAIYUR的博客
03-14 543
黑马程序员，学习记录黑马程序员前端微信小程序开发教程，微信小程序从基础到发布全流程_企业级商城实战分类应用生命周期函数/*** 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）} , /*** 当小程序启动，或从后台进入前台显示，会触发 onShow} , /*** 当小程序从前台进入后台，会触发 onHide} , /*** 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息} })页面生命周期函数Page({/**
【小程序 - 基础】页面导航、页面事件、生命周期、WXS脚本_04
青春木鱼的博客
10-01 1234
【小程序】页面导航、页面事件、生命周期、WXS脚本
微信小程序——生命周期，生命周期的分类，页面生命周期，生命周期函数的分类，应用的生命周期函数，页面的生命周期函数，wxs脚本概述
WZY22502701的博客
01-29 2703
生命周期函数：是由小程序框架提供的内置函数，会伴随着生命周期，自动按次序执行。生命周期函数的作用：允许程序员在特定的时间点执行某些特定的操作。例如，页面刚加载的时候，可以在 onLoad 生命周期函数中初始化页面的数据。注意：生命周期强调的是时间段，生命周期函数强调的是时间点。什么是wxswxs ( WeiXin Script ）是小程序独有的一套脚本语言，结合 WXML ，可以构建出页面的结构。
微信小程序学习第6天——生命周期函数与WXS脚本
背心的博客
02-05 522
生命周期函数与WXS脚本
微信小程序开发实战 ⑩③（WX周期及WXS脚本）
m0_61490399的博客
10-05 2482
WXS（WeiXin Script）是小程序独有的一套脚本语言，结合 WXML，可以构建出页面的结构。wxs 代码还可以编写在以 .wxs 为后缀名的文件内，就像 javascript 代码可以编写在以 .js 为后缀名的文件中一样。本文到这里就结束了,大佬们的支持是我持续更新的最大动力，希望这篇文章能帮到大家💪相关专栏连接🔗下篇文章再见ヾ(￣▽￣)ByeByeHomePage社区链接🔗专栏连接🔗。
微信小程序8——生命周期与wxs
Phoenix1st的博客
02-10 417
简要介绍微信小程序的生命周期函数和wxs的用法
小程序学习——day3
m0_69380938的博客
08-02 1784
指的是页面间的相互跳转，小程序实现页面导航有两种方式。
微信小程序框架 —— 视图层、逻辑层与页面的生命周期
让优秀成为一种习惯！
10-15 1177
小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。
微信小程序学习总结——③
qq_45947850的博客
06-06 1202
微信小程序学习日记
微信小程序入门.docx
10-05
- `app.js`：小程序逻辑代码，管理整个小程序的生命周期。 - `app.json`：全局配置文件，包括页面路径、窗口表现、网络超时时间等。 - `app.wxss`：全局样式表，定义小程序的公共样式。 2. **页面文件**： - 每...
小程序源码
03-14
总之，"小程序源码"是一个实践微信小程序开发的宝贵资源，通过学习和研究这个源码，开发者不仅可以掌握微信小程序的开发技术，还能深入了解前端开发的实践策略和设计模式。对于想要入行小程序开发的人员来说，这是一...
小程序开发踩坑记——初识小程序
qq_40903080的博客
08-23 374
小程序开发踩坑记——初识小程序 前言 暑假期间做了一个小程序，一个专属于我们学校学生的小程序。这也算我自从学习前端以来第一次自己独立前后端兼顾开发的项目了。由于当初给自己立的flag是在8月22日之前完成，正好今天将最后一些小bug给修复了，然后已经上交审核了。暑假的剩下几天时间，打算把小程序开发过程中的一些心得体会写下来，也算为以后自己的开发提供一些帮助。 初识小程序 之前是从vue开始接触的前...
关于——对小程序的理解
qq_45955475的博客
11-22 619
一，什么是微信小程序 在生活中随处可见，传播以微信为主体，微信二维码小程序推广以及小程序入口，连接，方便 快捷，不需要下载app， 二、 微信小程序目前的优势是什么？ 1、移动端：微信小程序依赖于微信手机APP，在微信生态圈中跑；现在的互联网用户中非PC端用户远远大于PC端用户。 2、不需下载安装，快速获取，立马消费：相对于原生的APP和webapp的产品来说，微信小程序不需要下载程序的安装包进行安装，也不存在版本的升级对于消费端产生的需要更新的负担；微信小程序基于微信，只要有安装微信，点击一下屏幕就可以
学习笔记JVM篇（五）
最新发布
仔哥学编程
09-17 621
代码解析：首先根据处理器数量来确定创建的线程数量，然后创建线程不断的死循环执行一些逻辑，这样可以让CPU寻思飙高。JPS全称 Java Process Status Tool，这个命令与Liunx的PS很像，下面我们测试一下这个命令，首先编写一段非常简单的Java代码。jstack是java栈的跟踪器，可以打印出java应用程序中所有线程的信息、包含堆栈信息、调用栈信息、锁等信息，所以常用于诊断死锁、内存泄漏等等。使用JPS命令，可以看到我们刚才启动的Java进程，同时进程号为7484。
shader 案例学习笔记之将坐标系分成4个象限
localhost
09-13 238
坐标系被分成了4个单元格，每个单元格都有唯一的索引，后续就可以根据索引去渲染。
看Threejs好玩示例，学习创新与技术(二)
htsitr2的专栏
09-14 508
它的主要特点是确保生成的点之间保持一定的最小距离，从而避免点的聚集。这种方法在计算机图形学、游戏开发、物理模拟等领域中非常有用，尤其是在需要生成自然分布的对象（如树木、石头等）时。如果不进行裁剪，那么效果如下（初步的锯齿感是因为矩形内采样的结果）。为啥这么复杂呢，为啥不开始存储每个方块的UV呢？下面代码的vTexCoords（=savedModelMatrix，已修改）记录方块所在的位置，vWorldPosition表示方块中像素的偏移。在上面那副图中，聪明的你一定初步猜到了每个方块的纹理是怎么得到的。
计算几何学习
网安小白
09-12 461
学习计算几何过程中对经典算法的记录
Spring Framework 学习总结博客
2302_80084329的博客
09-13 1034
通过本文的学习，我们从Spring的核心架构入手，逐步理解了IoC和DI的概念，并通过代码示例掌握了如何在实际项目中使用这些技术。Spring通过IoC容器管理bean，依赖注入将bean之间的关系解耦，大大简化了复杂系统的开发过程。这些基本的Spring知识是理解其高级特性（如AOP、事务管理）的基础，掌握这些概念后，我们可以更加自如地使用Spring构建复杂的企业级应用。
微信小程序页面导航与事件指南
本文档主要介绍微信小程序的页面导航、事件处理以及WXS脚本等核心概念，帮助初学者快速掌握小程序开发。 页面导航是微信小程序中关键的一环，它涉及页面间的交互和跳转。页面导航分为两种方式： 1. 声明式导航：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值