微信小程序image标签lazy-load属性和hidden属性冲突问题
问题现象在某些未知的情况下，微信小程序 image 标签在存在 lazy-load 属性时的 bindload 方法不会触发（非必现） 示例代码123456789<view> <image src="{{url}}" lazy-load bindload="imgLoad"
使用ts声明promisify函数(附部分TS进阶类型)
回调函数 Promise 化举个例子： 123456const promisifyTimeOut = (timeout) => new Promise((resolve) => { setTimeout(() => { resolve(); }, time); }); 再例如 UniAPP 封装微信小程序的大部分
小程序性能优化实践
性能报告小程序整体的性能看板，可以分析小程序大致的性能表现。 评估等级分为“优秀”，“良好”，“一般”，“较差”四个档位。 性能评估：小程序整体的评级，评级依据暂时不详 启动性能：评估打开率，启动耗时，首次渲染耗时，JS 注入耗时指标。经观察发现打开率在 97% 以上才能达到良好，低于 97% 则为一般 网络性能：评估网络响应时长和错误率。经观察响应时间在 300ms 以内为优秀。 运行性能：评估
微信小程序使用aes加密
微信小程序使用 aes 加密提供两种库的实现方式。 使用 crypto-js 实现注：只能使用 3.x 版本， 4.x 版本不支持微信小程序。 小程序构建后依赖体积大约为 218kb 123456789const message = CryptoJS.enc.Utf8.parse(data);const key = CryptoJS.enc.Utf8.parse(encryptKey);const
小程序发布自动化
小程序构建获取环境参数设计核心： 环境参数两种获得方式： 手动输入环境：用于本地执行命令，生成环境文件 gitlab tag：用于发布构建 tag 控制，保证流程稳定 环境文件 ignore，避免互相冲突和手动修改影响源码仓库 源码分析12345678910111213141516171819const args = [...process.argv];let jsEnv = "
微信小程序css选择器的使用
微信小程序 css 选择器的使用在开发微信小程序时遇到了一个很特殊的情况，记录一下以防自己忘记。 微信小程序官方文档中很多地方都说明了小程序中是无法使用 css 的部分选择器的，例如： https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/#%E5%88%9B%E5%BB%BA%E8%87%AA%E5
gitlab-runner部署(shell,docker)
安装 docker 使用 docker 安装 gitlab-runner 启动 gitlab-runner 注册 runner 国内 docker 镜像仓库加速 在 runner 中使用 docker 命令 shell 安装 gitlab-runner 源码安装 注册 runner 设置 Runner 可同时执行多个 job CI/CD 创建基础 node 镜像 创建一个 ru
在lint-staged中加入ts检查
在 lint-staged 中加入 ts 检查之前在项目中只添加了 eslint 检查和 prettier 检查，在使用 ts 开发后，发现有时候会将不符合 ts 校验的代码提交上去，于是就打算在提交时针对部分文件做 ts 检查。 起初是在 package.json 中直接配置，发现运行时无法导入 tsconfig，导致部分声明没有生效。于是将 lint-staged 配置放在单独的配置文件中管理