作者小头像 Lv.3
更多个人资料
185 成长值
0 关注
0 粉丝
+ 关注 私信

个人介绍

这个人很懒，什么都没有留下

感兴趣或擅长的领域

暂无数据
个人勋章
TA还没获得勋章~
成长雷达
170
15
0
0
0

个人资料

个人介绍

这个人很懒，什么都没有留下

感兴趣或擅长的领域

暂无数据

达成规则

以上满足项可达成此勋章

  • 博客
  • 关注
  • 粉丝
  • 论坛
全部时间
全部时间
最近三天
最近一周
最近一月
  • 全部
  • 暂无专栏分类
前端中的事件循环（Event Loop）
1. 什么是事件循环？JavaScript 是单线程语言，同一时间只能执行一个任务。为了处理异步操作，JavaScript 使用事件循环机制，协调同步任务、微任务和宏任务的执行顺序。 2. 任务类型常见任务分为两类：宏任务（Macrotask）：setTimeout、setInterval、I/O、UI 事件等。微任务（Microtask）：Promise.then、queueMicrot...
JavaScript
作者小头像 yd_284498617 2026-11-09 15:14:18
2
0
0
2026-11-09 15:14:18
2
0
0
前端性能优化的 4 个核心抓手
在现代 Web 开发中，页面加载速度直接影响用户留存。掌握以下四个核心方向，即可解决 80% 的常见性能瓶颈。 1. 网络与资源加载代码分割（Code Splitting）：利用路由懒加载，只加载当前页面所需的 JS 文件。静态资源压缩：开启 Gzip 或 Brotli 压缩，大幅减小传输体积。使用 CDN：将静态资源分发至离用户最近的边缘节点。 2. 图片与媒体优化现代图片格式：优先使用 ...
渲染
作者小头像 yd_284498617 2026-11-08 12:00:11
3
0
0
2026-11-08 12:00:11
3
0
0
现代前端开发：从页面构建到工程化演进
随着 Web 技术的飞速发展，前端开发早已不再局限于“切图”和简单的页面交互，而是演变为一门涵盖架构设计、性能优化与跨端体验的综合性工程学科。 1. 组件化与声明式 UI现代前端框架（如 React、Vue、Svelte）彻底改变了我们构建界面的方式：组件复用：将 UI 拆分为独立、可复用的模块，大幅提升开发效率与可维护性。状态驱动：开发者只需关注数据状态的变化，框架自动完成高效的 DOM ...
作者小头像 yd_284498617 2026-11-07 22:34:00
6
0
0
2026-11-07 22:34:00
6
0
0
前端中的事件委托：减少事件监听器的最佳实践
1. 什么是事件委托？事件委托（Event Delegation）是利用 DOM 事件冒泡机制，将子元素的事件监听器统一绑定到父元素上。例如，一个列表有 100 个按钮，传统方式需要绑定 100 个事件监听器，而事件委托只需要绑定一个。 2. 传统写法const buttons = document.querySelectorAll('.item')buttons.forEach((but...
作者小头像 yd_284498617 2026-11-06 15:42:24
5
0
0
2026-11-06 15:42:24
5
0
0
前端开发中容易被忽略的 structuredClone()
在 JavaScript 开发中，经常需要复制对象。最常见的方式是使用展开运算符，但它只能实现浅拷贝。当对象存在多层嵌套时，修改副本可能会影响原对象。这时候可以使用原生提供的 structuredClone()。 1. 浅拷贝的问题const original = { name: 'Tom', profile: { age: 20 }}const copy = { ...orig...
面向对象编程
作者小头像 yd_284498617 2026-11-05 17:06:32
7
0
0
2026-11-05 17:06:32
7
0
0
前端开发中的 CSS :has() 选择器
CSS :has() 是一个非常实用的现代选择器，可以根据子元素或后代元素的状态，反向匹配父元素，让 CSS 具备类似条件判断的能力。 1. 根据子元素控制父元素样式以前想根据子元素是否存在来修改父元素样式，通常需要借助 JavaScript。现在可以直接使用 :has()：.card:has(img) { padding: 0;}.card:has(.error) { border: ...
CSS
作者小头像 yd_284498617 2026-11-04 09:59:19
12
0
0
2026-11-04 09:59:19
12
0
0
前端中的 AbortSignal.any()：合并多个取消信号
在前端开发中，AbortController 经常用于取消 fetch 请求。但当一个请求需要同时响应多个取消条件时，传统写法就比较繁琐。例如：用户主动取消请求请求超时页面组件卸载这时候可以使用 AbortSignal.any()。 1. 基本用法AbortSignal.any() 可以将多个 AbortSignal 合并成一个信号，只要其中任意一个被触发，合并后的信号就会被取消。const...
作者小头像 yd_284498617 2026-11-03 09:21:55
11
0
0
2026-11-03 09:21:55
11
0
0
前端异步请求中的 AbortSignal.any()
在前端开发中，我们经常需要取消正在执行的异步请求，例如：用户切换页面时取消请求。用户重复提交时取消上一次请求。请求超时后主动终止操作。传统方式通常需要手动管理 AbortController，而现代浏览器提供了 AbortSignal.any()，可以组合多个取消信号。 基本用法const controller = new AbortController();const timeoutSig...
作者小头像 yd_284498617 2026-11-02 09:36:39
14
0
0
2026-11-02 09:36:39
14
0
0
CSS 布局：Flex 与 Grid
现代 CSS 中，Flexbox 和 Grid 是两把最常用的布局利器。很多人纠结"该用哪个"，本文用尽量短的篇幅讲清它们的差异和选型。 一、Flexbox：一维布局Flex 处理一条轴上的排列——要么横要么竖，是"一维"布局。.container { display: flex; justify-content: space-between; /* 主轴方向分布 */ align-i...
CSS
作者小头像 yd_284498617 2026-11-01 22:26:25
20
0
0
2026-11-01 22:26:25
20
0
0
前端性能优化：善用 requestAnimationFrame
在前端开发中，动画、滚动监听和 DOM 更新都是比较常见的场景。如果频繁操作 DOM 或执行复杂计算，很容易导致页面卡顿。requestAnimationFrame（简称 rAF）是浏览器提供的 API，可以帮助我们更合理地安排 UI 更新。 1. 什么是 requestAnimationFrame？requestAnimationFrame 会在浏览器下一次重绘之前执行回调函数，通常与屏幕...
渲染
作者小头像 yd_284498617 2026-10-30 10:07:19
31
0
0
2026-10-30 10:07:19
31
0
0
总条数：17
10
10
20
50
100
  • 1
  • 2

上滑加载中

https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=0&rsv_idx=1&tn=baidu&wd=sed%20%E6%9B%BF%E6%8D%A2%E5%AD%97%E7%AC%A6%E4%B8%B2&rsv_pq=c7db61a600035dc5&rsv_t=5e19yEsbV9N5fIvdlGRU
作者小头像
作者小头像
快速交付
+ 关注