- 博客(6)
- 收藏
- 关注
原创 微信小程序setInterval的生命周期
为了了解微信小程序什么时候会执行setInterval中的函数,我通过在app.js文件中设置setInterval每分钟执行一次的方式来进行实验。代码如下: setInterval(function() { db.collection('study').where({ is_studying: false }).update({ data: { time: new Date()
2021-08-21 15:20:10 682 2
原创 微信小程序wxss高度使用百分比时使高度为整个页面的百分比
在微信小程序样式文件中,如果直接设置高度为百分之多少,它并不会达到相应的页面百分比高度。 解决方法: 在wxss文件中添加以下代码 page { height: 100%; } 或在相应的组件中的样式中添加position: absolute;即可 ...
2021-08-14 17:17:39 1704
原创 微信小程序使用widthFix或heightFix时先加载并显示原始图片的大小后再进行缩放导致出现短暂错位的问题
我们知道,在微信小程序的image组件中,有widthFix属性和heightFix属性,但是,使用了这两种属性后,在页面加载的过程中会先将图片的原始尺寸显示出来再进行缩放,这样会导致与image组件同处一个盒子的其他组件出现短暂的错位,影响界面美观。 解决方法: 在wxss样式中将图片的初始高度或宽度置为0即可(使用widthFix则将高度置为0,heightFix则将宽度置为0)。代码如下: /* image的 mode为 widthFix */ image { height: 0; } /
2021-08-14 16:55:42 2115 1
原创 微信小程序使用多列选择器自制完整时间选择器
问题需求: 使用微信小程序自带的picker组件来实现满足以下要求的时间选择器: 仅用一个picker组件 可选择年月日、小时、分钟 以当前时间为基准,最多选择三日 分钟数只能为‘00’或‘30’ 若当前时间的分钟数小于30,则分钟只显示‘30’,若大于等于30,则小时数进1,分钟数可选择‘00’或‘30’ 每次改变某列的值后使得该列之后的每列都默认选择第一个元素 改变某列的值后,其余各列的值根据实际发生改变 若小时数进1后为0点,则天数进1,以此类推 结果展示: 初始picker组件显示的内容
2021-08-04 13:51:59 2063 1
原创 微信小程序当高度为屏幕百分比时使宽度保持与高度相等
最近在使用微信小程序开发的项目的过程中,碰到了如下问题:为了在不同设备上显示用户头像时不超出头像的父级容器,我们往往会使用百分制来对容纳头像的容器设置高度,但是设备的高度和宽的并不是相等的,我们设置高度为百分制后,就难以将其宽度设置成与高度相等。为了解决这个问题,我们可以使用vmax尺寸单位对放置头像的容器设置宽高。 在了解vmax之前,先介绍一下vh和vw这两个尺寸单位。与微信小程序中屏幕宽度被分为750rpx类似,设备的屏幕高度被分为100vh,宽度被分为100vw。vmax则是这两者中最大的那个,
2021-08-03 22:37:12 1777
原创 微信小程序云开发笔记
微信小程序云开发笔记Day11.1 小程序框架1.2 开发工具1.3 WXML基本语法Day2Day3 Day1 在学习微信小程序之前,建议先掌握一些HTML和CSS以及Javascript的语法和基本知识。在掌握了这些基础知识之后,学习起微信小程序也相对较为简单。 1.1 小程序框架 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于JavaScript的逻辑层框架,并在视图层与逻辑层间提
2021-07-17 16:56:33 460
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人