
微信小程序
秋子丫
I am hungry and foolish.
展开
-
使用 gulp-cleanwxss 清除小程序无用样式代码
小程序在迭代中,因没有及时清理无用样式,造成包体积越来越大。而通过人工判断清除工作量大,因而使用实现脚本清除。原创 2024-03-05 09:10:00 · 566 阅读 · 1 评论 -
微信小程序自定义 Tabbar
结合 Vant Weapp,实现小程序自定义 Tabbar,满足个性化需求原创 2023-08-04 09:56:29 · 491 阅读 · 0 评论 -
微信小程序自定义扫码界面
小程序自定义扫码功能原创 2022-12-10 20:07:22 · 2579 阅读 · 1 评论 -
微信小程序之判断目标元素是否在可视区域内
1、获取可使用窗口高度 const { windowHeight } = wx.getSystemInfoSync() 2、添加目标元素布局位置查询请求 const query = wx.createSelectorQuery() query.select('#myElement').boundingClientRect() 3、判断元素是否在可视区域内 // windowHeight = top(目标元素刚进入可视区域) // windowHeight - top = height(目标元素完全进入可原创 2021-11-08 16:24:04 · 6052 阅读 · 0 评论 -
微信小程序视频循环播放前 3 秒
一、需求说明 视频列表中第一个视频,自动循环播放前 3 秒(如淘宝首页中视频模块) 效果如下: 二、实现 Demo <video id="productVideo" src="https://qiuzi-resource.oss-cn-shenzhen.aliyuncs.com/video.MP4" autoplay loop muted controls="{{ false }}" object-fit="cover" style="width: 270rpx;原创 2021-10-13 20:40:39 · 917 阅读 · 0 评论 -
Eslint 的使用之微信小程序
日常开发 React、Vue 项目时,一般通过官方或社区流行脚手架搭建项目。对于 Eslint 配置,也能在搭建过程中通过脚手架进行配置。而微信小程序搭建都是通过微信开发者工具生成,本文则分享在小程序模板生成后,如何配置 Eslint。 1、使用 yarn init -y 初始化项目 package.json 2、安装 eslint 及相关依赖包 使用 npx eslint --init 初始化,后续步骤可根据自身情况或喜好进行配置 选择检查类型: 选择模块化规范: 选择框架类型: 是否选择 T.原创 2021-04-25 16:56:59 · 4329 阅读 · 0 评论