前端技术

一个爱搞事情的程序猿,一个爱玩技术的前端;生命不息,折腾不止。

问题 最近要上旧版本浏览器,我们uniapp用的是vue3 cli+ts+es6。 报错 ?. 和 flatMap 、 import.meta 绞尽脑汁如何es6转es5。 所有的es6转es5方案,如legacyPlugin、babel、polyfill等都不起作用。 官方又说自带es6转es5,又跑去下载...

发布 2 条评论

ResizeObserver 引自MDN ResizeObserver 避免了通过回调函数调整大小时,通常创建的无限回调循环和循环依赖项。它只能通过在后续的帧中处理 DOM 中更深层次的元素来做到这一点。如果它的实现遵循规范,则应在绘制前和布局后调用 resi...

发布 0 条评论

前言 最近在搞tsx,迫于tsx的特性,页面中无法直接使用js定义伪类,加之使用 tailwindcss 已经满足大部分css需求,不愿为一两句伪类代码徒增引入文件,于是上手 styled-components 。 css in js css in js 并不是指一个具体的类库,而...

发布 0 条评论

问题 今天在维护之前同事的旧项目时,发现一处搜索功能不能实现,原因是同事在判断逻辑中将计算属性的值赋给了data中的变量,希望search内容更改时能够更新计算属性。 这就衍生出了两个问题 为何计算属性的方法只在第一次赋值时调用...

发布 0 条评论

在实现页面的过程中,我们经常会遇见,同样的一张图标,因为需要他的不同状态,而多次引入,黑色的、彩色的、白色的,最常见的就是tab栏目类。 通过css我们可以只需要一张彩色图片,实现白色、灰色、黑色图标的效果,甚至可以自定义...

发布 0 条评论

环境变量的作用 一个项目可能会有开发版本、上线版本、测试版本等等多个版本,不同的环境会有不同请求api接口,就需更改一些基本配置,基本路径,服务器代理这种都要更改一遍,这时候就显得很麻烦,所以就需要使用到环境变量 vite中的...

发布 0 条评论

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....

发布 0 条评论

前言 前两天根据阿里云的文档和开源Python代码实现了OSS文件压缩下载,但是实现的方式是压缩存储在阿里云OSS上并返回302重定向OSS链接。 这样做优点是快捷简单,但会导致每次请求都会产生一个多余的文件占用OSS空间,并且大量文件碎片...

发布 1 条评论

依赖引入 package.json依赖,添加后使用npm install 依赖项解释: gulp 编译器 gulp-inject-string 向代码里插入指定内容 gulp-rename 修改编译后文件的名称 gulp-sass 编译Sass sass gulp-sass的依赖 package.json "scripts...

发布 0 条评论

关于JSDOC 什么是JSDOC JSDoc是一个根据javascript文件中注释信息,生成JavaScript应用程序或库、模块的API文档 的工具。你可以使用他记录如:命名空间,类,方法,方法参数等。类似JavaDoc和PHPDoc。现在很多编辑器或IDE中还可以通过...

发布 0 条评论

前言 在开发中我们经常会有在不同环境下一些区分,如基础的不同环境IP地址自动切换更改、生产和测试环境为了便于测试写的特殊功能、只有在生产和测试环境下可以访问的应用等等,这些在我们使用webpack等打包工具的时候都会有一个...

发布 0 条评论

最近开发小程序时涉及到了几千条数据同时处理的性能问题,就最近这次优化做一个记录 五点建议 1. 不要在for循环中使用setData 每一次setData都会导致小程序的视图更新(DOM回流),如果在for循环中对大量数据进行setData会...

发布 0 条评论

一直没有找到解决方案,最后发现是因为只设置了heightFix或widthFix而没有将width和height全部设置导致的。 问题出现在,在使用image标签时发现使用heightFix可以只设置height就可以让图片宽度自适应,而放弃设置图片的宽度。 ...

发布 0 条评论