每次都要手动写防抖好麻烦，给干成事件修饰符～
每次都要手动写防抖好麻烦，给干成事件修饰符～ 思路 每次都要在函数中手动根据业务需求包一层防抖，麻烦至极 function onSearch(event: InputOnInputEvent) { shake(() => { keyword.value = event.detail.value ...
每次都要手动写防抖好麻烦，给干成事件修饰符～ 思路 每次都要在函数中手动根据业务需求包一层防抖，麻烦至极 function onSearch(event: InputOnInputEvent) { shake(() => { keyword.value = event.detail.value ...
问题 最近要上旧版本浏览器，我们uniapp用的是vue3 cli+ts+es6。 报错 ?. 和 flatMap 、 import.meta 绞尽脑汁如何es6转es5。 所有的es6转es5方案，如legacyPlugin、babel、polyfill等都不起作用。 官方又说自带es6转es5，又跑去下载...
ResizeObserver 引自MDN ResizeObserver 避免了通过回调函数调整大小时，通常创建的无限回调循环和循环依赖项。它只能通过在后续的帧中处理 DOM 中更深层次的元素来做到这一点。如果它的实现遵循规范，则应在绘制前和布局后调用 resi...
前言 最近在搞tsx，迫于tsx的特性，页面中无法直接使用js定义伪类，加之使用 tailwindcss 已经满足大部分css需求，不愿为一两句伪类代码徒增引入文件，于是上手 styled-components 。 css in js css in js 并不是指一个具体的类库，而...
问题 今天在维护之前同事的旧项目时，发现一处搜索功能不能实现，原因是同事在判断逻辑中将计算属性的值赋给了data中的变量，希望search内容更改时能够更新计算属性。 这就衍生出了两个问题 为何计算属性的方法只在第一次赋值时调用...
在实现页面的过程中，我们经常会遇见，同样的一张图标，因为需要他的不同状态，而多次引入，黑色的、彩色的、白色的，最常见的就是tab栏目类。 通过css我们可以只需要一张彩色图片，实现白色、灰色、黑色图标的效果，甚至可以自定义...
环境变量的作用 一个项目可能会有开发版本、上线版本、测试版本等等多个版本，不同的环境会有不同请求api接口，就需更改一些基本配置，基本路径，服务器代理这种都要更改一遍，这时候就显得很麻烦，所以就需要使用到环境变量 vite中的...
Solution reference from https://github.com/nodejs/node/issues/37510 The reason is the version compatibility problem， 16 above version cannot run , recommend use socks-proxy-agent 解决方案参考自 https://github....
我们在维护对象时，是否一定使用深拷贝、一定使用浅拷贝？我们是否可以尝试转换思路，使用不同深度的拷贝方法会不会更好？
前言 前两天根据阿里云的文档和开源Python代码实现了OSS文件压缩下载，但是实现的方式是压缩存储在阿里云OSS上并返回302重定向OSS链接。 这样做优点是快捷简单，但会导致每次请求都会产生一个多余的文件占用OSS空间，并且大量文件碎片...
依赖引入 package.json依赖，添加后使用npm install 依赖项解释： gulp 编译器 gulp-inject-string 向代码里插入指定内容 gulp-rename 修改编译后文件的名称 gulp-sass 编译Sass sass gulp-sass的依赖 package.json "scripts...
关于JSDOC 什么是JSDOC JSDoc是一个根据javascript文件中注释信息，生成JavaScript应用程序或库、模块的API文档 的工具。你可以使用他记录如：命名空间，类，方法，方法参数等。类似JavaDoc和PHPDoc。现在很多编辑器或IDE中还可以通过...
前言 在开发中我们经常会有在不同环境下一些区分，如基础的不同环境IP地址自动切换更改、生产和测试环境为了便于测试写的特殊功能、只有在生产和测试环境下可以访问的应用等等，这些在我们使用webpack等打包工具的时候都会有一个...
最近开发小程序时涉及到了几千条数据同时处理的性能问题，就最近这次优化做一个记录 五点建议 1. 不要在for循环中使用setData 每一次setData都会导致小程序的视图更新（DOM回流），如果在for循环中对大量数据进行setData会...
一直没有找到解决方案，最后发现是因为只设置了heightFix或widthFix而没有将width和height全部设置导致的。 问题出现在，在使用image标签时发现使用heightFix可以只设置height就可以让图片宽度自适应，而放弃设置图片的宽度。 ...
使用canvas绘制海报时会有偶发性的位置错误。 实测在绘制文字之前再写一次setTextAlign可以解决问题。 ctx.setTextAlign('left')