10 2025 档案

JS实现歌词滚动效果
摘要：核心思路： 处理歌词数据：{time:开始时间(s), word:歌词} 计算出当前播放器对应应该显示的歌词的索引 创建每句歌词的<li>元素，并将歌词对象的word属性插入列表的textContent中 （优化：可使用DocumentFragment一次性插入DOM） 计算<ul>的偏移量：let 阅读全文
posted @ 2025-10-22 16:45 原语 阅读(19) 评论(0) 推荐(0)
animation
摘要：Web Animation API 的执行效率高，不改变DOM树，不需要浏览器主线程参与 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d 阅读全文
posted @ 2025-10-20 14:10 原语 阅读(8) 评论(0) 推荐(0)
纯样式实现星空动态背景
摘要：定义五个层次 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>星空 阅读全文
posted @ 2025-10-20 11:13 原语 阅读(19) 评论(0) 推荐(0)
vite插件——vite-plugin-inspect
摘要：安装 太高版本的npm会安装失败，报错：npm error Cannot read properties of null (reading 'matches') npm uninstall -g npm npm install -g npm@10.8.3 npm install -D vite-pl 阅读全文
posted @ 2025-10-20 10:30 原语 阅读(33) 评论(0) 推荐(0)
JS中的值传递和引用传递
摘要：JS中的值传递和引用传递 JS没有引用传递 （arguments除外） 值传递：内存独立，互不影响 引用传递：共享一块内存空间，指向同一个地址 var a = {} var b = a b.n = 3 a // {n:3} var a = {} var b = a b = {n:3} a // {} 阅读全文
posted @ 2025-10-20 09:57 原语 阅读(5) 评论(0) 推荐(0)