小程序
流川命
不回头。
展开
-
微信小程序 - 获取/修改上一页面数据 getCurrentPages()
使用 getCurrentPages();获取当前页面栈。 数组中第一个元素为首页,最后一个元素为当前页面Page({ /** * 页面的初始数据 */ data: {}, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var pages = getCurrentPages(); // 上一页面栈 var prevPage =转载 2022-01-10 16:14:38 · 4793 阅读 · 1 评论 -
微信小程序之动态获取元素宽高、距离顶部底部的距离
一.首先,这个接口会返回一个对象实例。var obj=wx.createSelectorQuery();下面的就是返回的对象实例 obj 的所有内容。返回的 obj 有五个方法:obj.in(component):没用过这个方法,多用于组件的选择器。obj.select(selector):获取指定的节点,selector是css选择器。返回一个 NodesRef 对象实例,可以用于获取节点信息。obj.selectAll(selector):获取指定的节点,selector是c转载 2021-09-30 16:39:18 · 9020 阅读 · 0 评论 -
解决:微信小程序tab导航栏切换时,由于tab内容高度不一致而触发的触底事件onReachBottom
场景:如图所示,不同的tab栏的内容高度不一致,如果由全部的导航栏切换到感觉划算的导航栏时,由于容器高度发生了变化,页面中的onReachBottom方法会触发。但是实际开发中,我们通常只是希望页面下拉到底部时才会触发此事件,解决办法有很多,例如:可以在页面中设置onReachBottomDistance来规定下拉到多少距离时才会触发此事件在这里,使用watch监听的方法来限制onReachBottom事件的触发;定义一个变量isReachBottom默认值为truedata() {原创 2021-09-15 10:36:53 · 2835 阅读 · 0 评论 -
记录uni-app小程序给页面page设置背景颜色不起作用的坑
在开发小程序的时候,为了防止页面之间的样式耦合影响,一般都会加上scoped的属性但是如果在里面设置page的背景颜色的话,会不起作用的解决办法:多写一个style标签,把page的样式放进去就好,这个背景颜色也不会影响其他页面的背景颜色。...原创 2021-09-10 11:26:55 · 4117 阅读 · 4 评论 -
uni-app开发小程序:获取openid的两种方法
方法一:使用云函数// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()const db= cloud.database()// 云函数入口函数exports.main = async (event, context) => { const openid = cloud.getWXContext().OPENID; const id = event.id})方法二:根据appid跟AppSecret(小程序原创 2021-09-07 08:56:46 · 3613 阅读 · 1 评论 -
记录:微信小程序做了整改之后getUserInfo替换getUserProfile的方法
前言:自2021.4.13日后,微信小程序API做了调整,之前用的getUserInfo目前无法直接获取用户信息了,比如昵称头像等等,想要用户授权获取用户信息,就得将getUserInfo改成getUserProfile接口。目前想到的解决办法是把用户授权过的信息缓存起来,要么在小程序本地缓存要么利用后台接口缓存,在这里选择的是接口缓存的方法,不过由于我水平有限,在这里的后台接口是小程序中云开发中的云函数。场景:文章点赞功能,在点赞前需要获取用户的头像等信息;步骤1:点击点赞事件,先判断用户是否已经授原创 2021-08-12 15:16:44 · 1343 阅读 · 0 评论 -
微信小程序引入iconfont的坑(渲染层网络层错误)
首先,我们在iconfont官网下载字体图标2.解压,引入到小程序中(注意,css文件的后缀要改成wxss):3.编译,报错Failed to load local font resource /iconfont.woff2?t=1628652179539-do-not-use-local-path-./fonts/iconfont.wxss&5&7net::ERR_CACHE_MISS4.**解决办法:**去到下载代码的页面,点击查看在线链接5、把在线链接的代码覆盖掉i.原创 2021-08-11 11:46:48 · 9559 阅读 · 17 评论 -
微信小程序之生命周期
由于小程序分为应用和页面两个部分,所以小程序的生命周期就涉及到以下部分。分别是:应用的生命周期。页面的生命周期。应用的生命周期对页面生命周期的影响。路由变化对页面生命周期的影响。一、应用的生命周期前台、后台定义: 当用户点击左上角关闭,或者按了设备 Home 键离开微信,小程序并没有直接销毁,而是进入了后台;当再次进入微信或再次打开小程序,又会从后台进入前台。1、用户首次打开小程序,触发 onLaunch(全局只触发一次)。2、小程序初始化完成后,触发 onShow 方法,监听小程转载 2021-08-05 23:11:32 · 5411 阅读 · 0 评论