文章 2024-07-04 来自:开发者社区

【微信小程序-原生开发】实用教程02-添加全局页面配置、页面、底部导航

开始前,请先完成项目创建,详见 【微信小程序-原生开发】实用教程01-注册登录账号,获取 AppID、下载安装开发工具、创建项目、上传体验 前期准备 因我们的项目是根据模板创建的,需先清理掉无效的页面代码,具体操作方式如下: 删除 pages 文件夹下的所有文件 用下方代码替换掉 app.json 文件中的内容后保存(此...

【微信小程序-原生开发】实用教程02-添加全局页面配置、页面、底部导航
问答 2024-07-03 来自:开发者社区

ARMS微信小程序接入arms用户体验监控,页面性能相关的都没有数据。有可能是什么没有配置导致的呢?

ARMS微信小程序接入arms用户体验监控,页面性能相关的都没有数据。有可能是什么没有配置导致的呢?

文章 2024-07-01 来自:开发者社区

微信小程序—页面滑动,获取可视区域数据

需求:页面有一列表,获取可视区域的数据;滑动过程中不处理,停止滑动后才获取。实现原理:获取列表中每个条目的位置信息(元素顶部距可视区域顶部的距离),和可视区域比较,在可视范围内即认为可视元素如下简单html结构//列表 // 每个条目 {{ item.nam...

文章 2024-06-04 来自:开发者社区

微信小程序怎么进行页面传参

微信小程序页面传参的方式有多种,每种方式都有其特定的使用场景和优势。以下是几种常见的页面传参方式,以及它们的具体使用方法和示例: URL参数传值 原理:通过在跳转链接中附加参数,在目标页面的onLoad函数中获取参数。 示例:javascript复制代码 ...

文章 2024-05-26 来自:开发者社区

微信小程序页面传参(多条数据的传递)

微信小程序页面传参(多条数据的传递) 1.单个数据的传参 传递页面 //去商品详情页 goDetail(e){ let id=e.currentTarget.dataset.item._id console.log("单个参数的传递",id) wx.navigateTo({ url: '/pages/shop_detail/shop_detail?id=...

微信小程序页面传参(多条数据的传递)
文章 2024-04-07 来自:开发者社区

微信小程序页面传值的几种方式

1.URL参数传值:通过在跳转链接中附加参数,在目标页面的onLoad函数中获取参数。2.全局变量:通过在app.js文件中定义全局变量,在源页面设置变量的值,目标页面通过getApp().globalData获取变量的值。3.缓存存储:使用wx.setStorageSync()在源页面设置存储的值,目标页面通过wx.getStorageSync()获取值。4.路由传参:使用wx.navigat....

文章 2024-04-01 来自:开发者社区

微信小程序如何在切换页面后原页面状态不变

微信小程序是一种非常受欢迎的移动应用程序开发平台,但在切换页面时,原页面的状态通常会被重置,给用户带来不便。在本文中,我们将探讨如何在微信小程序中实现在切换页面后原页面状态不变的方法,并附带代码解释。 引言 微信小程序的页面切换是通过底部导航栏、跳转链接、页面栈管理以及路由机制来实现的。 底部导航栏:通过在 app.json 配置文件中定义底部导航栏的页面路径...

文章 2024-04-01 来自:开发者社区

微信小程序如何刷新当前页面

微信小程序是一种快速发展的移动应用程序开发平台,它提供了许多功能和特性,使开发者能够轻松创建功能丰富的小程序。在开发小程序时,有时我们需要刷新当前页面来更新数据或重新加载页面内容。本文将解释如何在微信小程序中刷新当前页面的代码。 引言 微信小程序的流行使得越来越多的开发者将其作为构建移动应用的首选平台。然而,与传统的网页开发不同,小程序的页面刷新机制略有不同。在传统的网页开发中,...

文章 2024-03-15 来自:开发者社区

【微信小程序】-- 自定义组件 - 组件所在页面的生命周期 & 插槽(三十七)

一、组件所在页面的生命周期   前面已经学习了自定义组件中的纯数据字段 & 组件的生命周期,通过栗子了解了纯数据字段的使用方式以及组件生命周期在实际开发中的应用。接下来就来讲解一下另外一个自定义组件 - 组件所在页面的生命周期 & 插槽。话不多说,让我们原文再续,书接上回吧。 ...

【微信小程序】-- 自定义组件 - 组件所在页面的生命周期 & 插槽(三十七)
文章 2024-03-15 来自:开发者社区

【微信小程序】-- 页面处理总结(三十一)

一、页面之间的导航跳转   前面通过栗子学习了页面导航、页面事件和wxs脚本等相关内容,并根据这些完成案例-本地生活列表页面。接下来就来对这些所学内容的进行一个总结吧。话不多说,让我们原文再续,书接上回吧。   回顾...

【微信小程序】-- 页面处理总结(三十一)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"10分钟搭建微信小程序","productDescription":"本方案为您介绍如何在阿里云快速部署博客网站,并将网站服务快速应用到微信小程序。","productContentLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes"},"productButton2":{"productButtonText":"方案部署","productButtonLink":"https://help.aliyun.com/document_detail/2856534.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"高效构建企业门户网站","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/build-a-website","productPromotionInfoSecondText":"从 HTTP 到 HTTPS 让网站更安全","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/ssl"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock"}}

阿里小程序云

阿里小程序云官方技术圈

+关注