- 博客(11)
- 问答 (6)
- 收藏
- 关注
原创 打工日志:translate导致的文字模糊
可以设置应用translate的元素的css为transform-style: preserve-3d;其原因是它计算出的元素的最终偏移位置不是整数的像素位置。因此文字不会完美显示。并且可以用translateZ(0)开启GPU加速增强性能。这会开启一个新的3d图层,文字显示会更加清楚。translate的移动会导致文字模糊的情况。
2024-04-12 11:19:03 503
原创 requestAnimationFrame导致的dom元素读取为null的bug
在我的逐一排查下,发现dom为null的报错都是在一个requestAnimationFrame的回调动画函数里报错的。导致重新保存代码时之前的requestAnimationFrame仍然存在并且在调用保存代码前的ref,而因为代码已经保存刷新,因此之前的ref的对象就变成了null导致了报错。但是页面渲染没有问题,只不过报错也会把页面卡死。因此解决办法就是在beforeUnMount中将requestAnimationFrame用cancelAnimationFrame去卸载即可,事实上也确实解决了。
2024-04-12 11:14:08 223
原创 display:none;导致的Vant中list组件第一次不加载数据的问题
因此我在list的父组件上加了个v-if="modelValue"这样就会在display:block;时才会渲染组件,而结果确实解决了第一次不加载数据的问题,相比其原因就是display:none所致。在百度的过程中,提及的都是父组件高度设为小于100%啥的发现没用。在vue3中结合vant使用list组件时发现第一次的load事件没有触发,导致第一次本应填充满组件父级的高度的数据没有渲染到组件中。我当时的场景时当变量modelValue值为false的时候为display:none;
2024-02-26 09:22:54 366
原创 GSAP学习笔记
easing可能是动画中最重要的设计之一,一个好的easing可能会给动画带来更个性更有趣的感觉看下面的例子,尤其是这个bounce});});ease底层是数学计算,但是我们可以依靠gsap提供的可视化工具去调整挑选合适的ease只有需要自定义stagger逻辑时才使用函数的方式定义staggery: 100,},});这个函数会在数组中的每个目标元素中调用一次,并且返回起始位置到该元素的总延迟(不是上一个元素的开始延迟),可以用下面三个给予的参数来进行所需的计算index 数组中的索引值。
2023-10-16 19:20:49 2357 1
原创 vue2.0学习笔记黑马
前置知识一、WebPack实际开发中并不需要手动配置webpack1、概念webpack是前端项目工程化的具体解决方案主要功能:提供了友好的前端模块化开发支持、以及代码压缩混淆、处理浏览器端javaScript的兼容性、性能优化等强大的功能好处:提高开发效率和项目可维护性2、创建webpack项目新建项目空目录需要英文路径,并允许npm init -y 命令,初始化包管理配置文件 package.json新建src源代码目录新建src->index.html首页和src
2023-05-28 21:58:54 1178 4
原创 电脑设置了从睡眠中唤醒需要密码,但是唤醒后却直接跳过登录?可能是假睡眠!
笔记本设置了唤醒需要密码,但是不起作用,可能并不是你的设置有问题,而是你的睡眠可能被设置成了离开模式。按以下步骤可解决问题:1、点击“开始”–运行中输入“regedit” 按Enter进入“注册表编辑器”2、依次打开注册表的HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager\Power 找到“AwayModeEnabled”选项3、右键“修改”把“数值数据”改为0就OK了(如果没有此选项就在右侧单击右键新建一个"DWORD
2021-07-20 22:31:22 7000 6
空空如也
vue3热更新后导致组件执行两次的bug
2024-04-17
这是哪里错了?我就觉得是个二维列表啊,怎么是float?
2021-04-16
不知道哪里错了qwq。。。求大神指点!
2020-02-05
为什么执行不了??请大神求解
2019-11-29
为什么加了个二维数组的赋值我的运行就不能输入?
2019-11-19
不知道为什么我的c语言程序直接跳掉连输入都不能输,求大神求解!!!
2019-11-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人