摘要: ![前端_00](https://img2024.cnblogs.com/blog/2689323/202511/2689323-20251110164538648-654351540.png) 阅读全文
posted @ 2025-11-10 15:42 原语 阅读(4) 评论(0) 推荐(0)
摘要: 核心思路: 处理歌词数据:{time:开始时间(s), word:歌词} 计算出当前播放器对应应该显示的歌词的索引 创建每句歌词的<li>元素,并将歌词对象的word属性插入列表的textContent中 (优化:可使用DocumentFragment一次性插入DOM) 计算<ul>的偏移量:let 阅读全文
posted @ 2025-10-22 16:45 原语 阅读(19) 评论(0) 推荐(0)
摘要: 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)
摘要: 安装 太高版本的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没有引用传递 (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)
摘要: TS 下载 TS:TypeScript:如何设置 TypeScript npm install -g typescript Node.Js ts-node:npm install -g ts-node typescript 找到npm的全局安装目录:npm config get prefix 将np 阅读全文
posted @ 2025-09-01 18:13 原语 阅读(12) 评论(0) 推荐(0)
摘要: useEffect() 允许执行一些副作用,如在组件中直接获取数据、更新DOM、打印某些内容等 语法:useEffect(() => {}) 依赖数组 未提供数组(依赖数组),那么回调函数会在每次渲染时被调用 import { useState, useEffect } from "react" c 阅读全文
posted @ 2025-08-26 16:59 原语 阅读(7) 评论(0) 推荐(0)
摘要: Portal 可以改变子级内容的显示区域,如不在<div class='root'></div>中显示,而是在<body></body>中显示 由于在main.jsx中创建了一个id为root的元素,组件均挂载在该元素上,因此所有内容会被渲染在<div id='root'></div>中 如果想将内 阅读全文
posted @ 2025-08-26 10:06 原语 阅读(2) 评论(0) 推荐(0)
摘要: react 创建项目 npm create vite@latest 选择react、JavaScript npm i 创建依赖包 npm run dev 运行 项目架构 删除CSS文件、public目录、assets目录 第一个react项目 JSX:javascript xml 不是真正的 HTM 阅读全文
posted @ 2025-08-21 16:36 原语 阅读(19) 评论(0) 推荐(0)