会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
昫
博客园
首页
新随笔
联系
订阅
管理
1
2
3
4
5
···
12
下一页
2025年11月
前端学习路线
摘要: 
阅读全文
posted @ 2025-11-10 15:42 原语
阅读(4)
评论(0)
推荐(0)
2025年10月
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)
2025年9月
react4-TS、TS&React
摘要: 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)
2025年8月
react3-useEffect()、组件通信(props、context)、useContext()、useReducer()、useRef()、自定义钩子Custom Hooks、useId hook、useForm
摘要: useEffect() 允许执行一些副作用,如在组件中直接获取数据、更新DOM、打印某些内容等 语法:useEffect(() => {}) 依赖数组 未提供数组(依赖数组),那么回调函数会在每次渲染时被调用 import { useState, useEffect } from "react" c
阅读全文
posted @ 2025-08-26 16:59 原语
阅读(7)
评论(0)
推荐(0)
react2-portal、key、严格模式StrictMode
摘要: Portal 可以改变子级内容的显示区域,如不在<div class='root'></div>中显示,而是在<body></body>中显示 由于在main.jsx中创建了一个id为root的元素,组件均挂载在该元素上,因此所有内容会被渲染在<div id='root'></div>中 如果想将内
阅读全文
posted @ 2025-08-26 10:06 原语
阅读(2)
评论(0)
推荐(0)
react1-创建样式、基本语法、样式、常用事件、useState()、计算器案例及购物车案例
摘要: 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)
1
2
3
4
5
···
12
下一页
公告