![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
秋子丫
I am hungry and foolish.
展开
-
使用 gulp-cleanwxss 清除小程序无用样式代码
小程序在迭代中,因没有及时清理无用样式,造成包体积越来越大。而通过人工判断清除工作量大,因而使用实现脚本清除。原创 2024-03-05 09:10:00 · 442 阅读 · 1 评论 -
微信小程序自定义 Tabbar
结合 Vant Weapp,实现小程序自定义 Tabbar,满足个性化需求原创 2023-08-04 09:56:29 · 326 阅读 · 0 评论 -
微信小程序自定义扫码界面
小程序自定义扫码功能原创 2022-12-10 20:07:22 · 2282 阅读 · 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 · 5515 阅读 · 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 · 722 阅读 · 0 评论 -
Eslint 的使用之微信小程序
日常开发 React、Vue 项目时,一般通过官方或社区流行脚手架搭建项目。对于 Eslint 配置,也能在搭建过程中通过脚手架进行配置。而微信小程序搭建都是通过微信开发者工具生成,本文则分享在小程序模板生成后,如何配置 Eslint。1、使用 yarn init -y 初始化项目 package.json2、安装 eslint 及相关依赖包使用 npx eslint --init 初始化,后续步骤可根据自身情况或喜好进行配置选择检查类型:选择模块化规范:选择框架类型:是否选择 T.原创 2021-04-25 16:56:59 · 4130 阅读 · 0 评论