- 博客(42)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Three.js 动画循环学习记录
本文详细介绍了Three.js动画循环的实现方法与优化技巧。主要内容包括：1）动画循环基础原理，通过requestAnimationFrame实现连续渲染；2）Vue3集成方案，包含场景初始化、动画控制和组件生命周期管理；3）专业级动画实现，重点讲解时间差(deltaTime)控制、复合动画效果和性能优化策略；4）完整Vue3组件实现，提供播放控制、FPS监控等实用功能。文章强调使用Clock计算时间差确保动画速度一致，并给出条件渲染、分帧处理等优化方案，适合直接应用于生产环境。
2025-08-18 17:31:06
412
原创 Three.js 坐标系系统与单位理解教程
Three.js采用右手坐标系，包含世界坐标系、局部坐标系、相机坐标系和屏幕坐标系四种类型，并提供了坐标转换方法。
2025-08-18 15:24:12
913
原创 Three.js三大组件：场景(Scene)、相机(Camera)、渲染器(Renderer)
three.js的核心由三大组件构成：场景(Scene)、相机(Camera)和渲染器(Renderer)。下面我将详细介绍这三大件的作用和使用方法。
2025-08-16 16:00:21
944
原创 Vue3 + Three.js + lil-gui 3D场景开发学习
本文记录了我在学习如何在Vue3项目中集成Three.js创建3D场景，并使用lil-gui添加交互式调试面板。
2025-08-16 11:58:55
388
原创 Vue3 + Three.js 开发环境搭建与入门教程
Three.js是一个基于WebGL的JavaScript 3D图形库，它简化了在浏览器中创建和显示3D图形的过程。结合Vue3，我们可以构建响应式的3D可视化应用。
2025-08-15 09:43:58
993
原创 1行JS实现无限滚动加载（Intersection Observer版）
在现代Web开发中，无限滚动（Infinite Scroll）已成为提升用户体验的常见模式。传统实现通常依赖滚动事件监听，但这种方法存在性能问题。本文将介绍如何使用Intersection Observer API，仅用1行JavaScript代码实现高性能的无限滚动加载。
2025-08-04 22:33:00
433
原创 [特殊字符] 1行CSS魔法：让滚动列表「呼吸」起来—— 那些藏在像素之间的高级感
当你的手指在手机屏幕上滑动时，有没有注意过： 抖音视频切换时，画面像浸入水中般柔和消失 Apple Music 歌词滚动时，文字边缘泛起雾状光晕 Twitter 信息流底部，推文如晨雾自然隐去这些看似「天生就该如此」的体验，背后藏着设计师的执念：边界不该是终点，而是呼吸的间隙。
2025-08-03 12:01:04
149
原创 救命！这行JS代码让用户再也没丢过稿子！前端防丢稿黑科技揭秘
凌晨3点，万字方案终于写完。你伸懒腰时手一滑——标签页瞬间关闭！没有自动保存，没有历史记录，几小时心血灰飞烟灭...这行代码，就是治愈这种“数字心梗”的特效药💊
2025-08-01 23:06:45
402
原创 粘贴即上传！1行JS解锁onpaste剪切板读图黑科技
本文通过实战Demo展示如何用一行JavaScript实现截图粘贴上传功能，支持微信截图直接提交，解决传统图片上传流程繁琐的痛点。
2025-07-30 21:51:31
565
原创 1行CSS让元素消失得无影无踪！display: none 的替代方案大PK
今天我们就来对比 visibility: hidden、opacity: 0、transform: scale(0)、content-visibility: hidden 等方法的渲染性能、交互特性，帮你找到最适合的隐藏策略！
2025-07-30 15:27:33
631
原创 1行CSS让长列表速度翻倍！前端黑科技 content-visibility 实战
"产品经理：这列表怎么滚动卡成PPT？程序员：（擦汗）我马上加虚拟滚动...CSS：放着我来！"
2025-07-29 15:36:36
157
转载 前端原型链深度解析：从基础到实践的全面指南
本文系统解析JavaScript原型链机制，涵盖基础概念、工作原理及实际应用。重点阐述了原型（prototype）与隐式原型（proto）的区别，原型链的形成过程与查找机制。详细分析了基于原型链的多种继承方式及其优缺点，推荐使用寄生组合继承作为最优方案。文章还提供了原型链的常见操作方法、开发注意事项以及在框架和模块化开发中的实际应用案例，并附有典型面试题解析。理解原型链对提升JavaScript编程能力、优化代码性能和深入掌握前端框架具有重要意义。
2025-07-28 22:06:48
70
原创 告别 !important 战争！CSS 层叠与优先级终极指南 + 黄金法则
你是否经历过这样的绝望？改个按钮颜色，写了3层选择器都无效，最后咬牙上 !important，结果第二天表单按钮全乱套——同事的 !important 反杀了你！这不是个例，而是无数前端人的日常。本文将彻底终结这场战争！
2025-07-28 21:32:54
746
原创 js的url处理
检查是否存在对应的参数值，存在则输出该值（数组或字符串），否则提示参数不存在。对象，处理多个相同键的情况，将值转换为数组。解析当前URL的查询参数。，输出整个参数对象。
2025-03-23 18:08:41
193
原创 JavaScript实现的文本逐字显示效果
使用JavaScript实现的文本逐字显示效果，并且伴随着一个光标的动画，模拟了文本编辑器中的打字效果
2024-07-19 00:47:32
1417
1
原创 ([][[]] +[])[+!![]] + ([] + {})[+!![] + + !![]]
([][[]] +[])[+!![]] + ([] + {})[+!![] + + !![]] ==> 'nb'
2024-03-29 14:58:25
473
原创 微信小程序使用scroll-view实现上拉加载下拉刷新
没啥技术含量的一篇文章，小白文，原生的微信小程序使用scroll-view实现上拉加载下拉刷新。主要是为了记录一下，下次用到直接拿。有问题call我就行。代码：wxml的代码 list是直接写死的。
2023-08-18 16:07:13
788
原创 css-实现图片的一些处理（备注：我不是小黑子，我是真IKUN）
*/-*-*/#@%^#*$)^)*$^#￥%&*#&^^())_//我是一条神奇的分割线#$%^&*())(*&^%$#$%^&*()(*&^%$/*/-*-*/#@%^#*$)^)*$^#￥%&*#&^^())_//我是一条神奇的分割线#$%^&*())(*&^%$#$%^&*()(*&^%$话不多比直接上代码 有哪里不太理解，可以直接在评论区问我，虽然我是菜狗。话不多比直接上代码 有哪里不太理解，可以直接在评论区问我，虽然我是菜狗。第一种操作：不知道叫啥名，直接看效果(我想叫他“磨损哥哥”)
2023-04-02 16:19:23
254
原创 卡片的翻转效果--纯html+css实现
（比比一句）：在做的时候，也有遇到一个问题，就是img图片再反转动画结束后会先空白，然后又闪一下，再次展示，我也不知道为啥，然后再使用一个div包裹以后，将class转移到div上边去，在给定img的宽高，就不会出现这种情况了，我也解释不了为啥，因为我是菜狗。话不多比，到此结束，如果有哪位大佬能教一下我，为啥会出现上面那种情况，我给你磕一个！话不多比，先上效果，符合要求就看，不符合要求就换！既然符合，那么话不多比，直接上代码。
2023-04-02 10:59:38
1242
原创 记一次props延时传值的问题
今天在写代码的时候，发现父组件在使用props给子组件传值时，尤其是当这个值还是从接口获取的数据，则很可能发生子组件接受到的值为空值，从网上找到了一些解决办法，以此来记录一下。1.this.$nextTick(()=>{})方法在你子组件的created生命周期里边，将用到从父组件穿来的props属性中的元素，使用this.$nextTick包裹起来，这样他就会在你数据更新结束后才会进行this.$nextTick方法体内的内容。实例：if (that.cards.length>
2022-05-24 14:25:43
1879
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人