自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 问答 (6)
  • 收藏
  • 关注

原创 打工日志:translate导致的文字模糊

可以设置应用translate的元素的css为transform-style: preserve-3d;其原因是它计算出的元素的最终偏移位置不是整数的像素位置。因此文字不会完美显示。并且可以用translateZ(0)开启GPU加速增强性能。这会开启一个新的3d图层,文字显示会更加清楚。translate的移动会导致文字模糊的情况。

2024-04-12 11:19:03 388

原创 requestAnimationFrame导致的dom元素读取为null的bug

在我的逐一排查下,发现dom为null的报错都是在一个requestAnimationFrame的回调动画函数里报错的。导致重新保存代码时之前的requestAnimationFrame仍然存在并且在调用保存代码前的ref,而因为代码已经保存刷新,因此之前的ref的对象就变成了null导致了报错。但是页面渲染没有问题,只不过报错也会把页面卡死。因此解决办法就是在beforeUnMount中将requestAnimationFrame用cancelAnimationFrame去卸载即可,事实上也确实解决了。

2024-04-12 11:14:08 164

原创 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 223

原创 GSAP学习笔记

easing可能是动画中最重要的设计之一,一个好的easing可能会给动画带来更个性更有趣的感觉看下面的例子,尤其是这个bounce});});ease底层是数学计算,但是我们可以依靠gsap提供的可视化工具去调整挑选合适的ease只有需要自定义stagger逻辑时才使用函数的方式定义staggery: 100,},});这个函数会在数组中的每个目标元素中调用一次,并且返回起始位置到该元素的总延迟(不是上一个元素的开始延迟),可以用下面三个给予的参数来进行所需的计算index 数组中的索引值。

2023-10-16 19:20:49 1167 1

原创 利用vue3SeamlessScroll简单实现列表的无限循环滚动,仅需几秒配置

该组件用于实现列表的无限循环滚动。

2023-09-01 09:52:06 1516 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 814 4

原创 react黑马前端学习笔记

react学习笔记

2023-02-28 14:39:42 629

原创 黑马javascript笔记

黑马js笔记

2023-01-17 12:14:05 1728

原创 黑马html笔记

在看pink老师html课程时写的笔记

2022-12-10 14:27:27 242

原创 黑马css学习笔记

在看pink老师的css课程时写的笔记

2022-12-10 14:26:13 890

原创 电脑设置了从睡眠中唤醒需要密码,但是唤醒后却直接跳过登录?可能是假睡眠!

笔记本设置了唤醒需要密码,但是不起作用,可能并不是你的设置有问题,而是你的睡眠可能被设置成了离开模式。按以下步骤可解决问题:1、点击“开始”–运行中输入“regedit” 按Enter进入“注册表编辑器”2、依次打开注册表的HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager\Power 找到“AwayModeEnabled”选项3、右键“修改”把“数值数据”改为0就OK了(如果没有此选项就在右侧单击右键新建一个"DWORD

2021-07-20 22:31:22 6264 6

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除