- 博客(8)
- 收藏
- 关注
RSS订阅原创 js实现鼠标无限移动效果
通过该方法可以访问原始的鼠标运动，把鼠标事件的目标锁定到一个特定的元素，同时隐藏视图中的指针光标（可通过 ESC 显示），并且可以消除鼠标在一个方向上移动的边界限制，但是此方法不允许直接使用，需要用户触发事件后才能生效，例如在click、mousedown等事件中触发才能生效。应用该方法之后mousemove事件中的pageX及pageY将不会随着鼠标的移动而改变，这时候需要使用事件中的。虽然js中并没有直接提供可以修改鼠标位置的方法，但是浏览器提供了一个。代码中有用到一个图片资源，有需要的可以复制下载。
2024-08-12 14:11:38
646
原创 vue自定义颜色选择器（重置版）
使用方式：可以使用color属性传入默认颜色，目前支持hex16进制，rgb，rgba，hsl这四种格式，使用change事件获取颜色修改后的值，如果需要父组件动态修改其中的颜色则需要调用组件中的changeColor方法。如果需要修改传出的颜色类型可以在组件中的getRGBA方法中进行修改，或者在父组件中使用color-convert进行转换。完整代码：该代码主要分为四个部分（方形选择器组件，圆形选择器组件，utils，父组件示例）相较于上次发布的颜色选择器，这次加入了圆形的选择器，并且优化了代码。
2024-08-12 14:11:29
1113
原创 three.js CSS3DObject在非全屏场景下浏览器缩放尺寸导致位置偏移问题（vue）
经过多次测试，在flex布局或者百分比布局下，threejs场景盒子左侧的盒子宽度会出现小数的情况，猜测three.js在进行CSS3DObject定位操作的时候会因为小数问题导致精度丢失。1、不使用flex布局或者百分比布局，使用精确的宽度进行布局。2、使用js设置精准的盒子宽度。
2024-04-10 17:07:07
1027
原创 纯css实现文字一个一个出现（文字擦除）的效果
复制一个相同的文本，使用行内元素包裹定位覆盖在原文本上，再使用背景渐变加动画的方式实现文字一个一个出现的效果。需要注意的是动画原理中修改的元素必须是能修改的数值类，并且是css属性，所以这里需要使用@property将代码中--p定义为一个css属性才能让css动画完整的执行。缺点：当背景为图片或者较为复杂的渐变色时不适合用该方法。
2024-04-10 17:05:49
1721
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人