通过 styled-components实现 css in js （含vue3）
前言 最近在搞tsx，迫于tsx的特性，页面中无法直接使用js定义伪类，加之使用 tailwindcss 已经满足大部分css需求，不愿为一两句伪类代码徒增引入文件，于是上手 styled-components 。 css in js css in js 并不是指一个具体的类库，而...
前言 最近在搞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')
本地临时文件转base64 迫于后端只接受base64作为文件上传入口，无法使用wx.uploadFile接口上传图片，因此只能在用户选择图片后转为base64作为储存和上传。 // 本地文件转base64 function wxfileTobase64(url, ishead = false) ...
1. canvas中嵌入图片问题 曾经天真的使用base64自娱自乐许久，最后在真机运行时傻了眼，最后发现只能使用本地临时图片或本地图片来绘制canvas。 本地图片可以直接放置（项目中的图片） // 本地图片可以直接放置 ctx.dra...
踩坑原因 在小程序中data不可以直接调用函数，因此有些复杂数据可能会放在生命周期函数内，而我误使用了created。 由于涉及到复杂数据赋值，导致研究问题的重点都放在复杂数据上了，被绕了好久...... 解决 将setData操作...