yuki_uix

赞

1

|

搜索文章

重排、重绘与合成——浏览器渲染性能的底层逻辑

有一段时间我一直搞不明白一件事：同样是"移动一个元素"，用 transform: translateX() 就很丝滑，用 left 就会掉帧——明明做的是同一件事，为什么差这么多？

14小时前
28
点赞
评论

重排、重绘与合成——浏览器渲染性能的底层逻辑

前端工程化核心概念——Webpack、Vite、缓存与打包策略

用了好几年脚手架，npm run dev 一敲就能跑，npm run build 一敲就能部署，但一旦被问到"你知道背后在做什么吗"，我发现自己答得很模糊。这篇是我补课后的学习笔记。

15小时前
5
点赞
评论

前端工程化核心概念——Webpack、Vite、缓存与打包策略

虚拟 DOM 与 Diff 算法——React 性能优化的底层逻辑

用了两三年 React，我一直对"虚拟 DOM 更快"这个说法半信半疑。直到有一次优化一个长列表卡顿问题，才真正逼着自己把这套底层逻辑摸清楚。这篇是我的学习笔记。

15小时前
24
点赞
评论

虚拟 DOM 与 Diff 算法——React 性能优化的底层逻辑

从输入 URL 到页面显示——浏览器工作原理全解析

这篇文章的起因很朴素：被面试官问到"浏览器输入 URL 后发生了什么"，我当时答得磕磕绊绊。事后复盘，发现自己其实每天都在和这条链路打交道，却从没认真梳理过它。所以这篇更多是我的学习笔记。

15小时前
29
1
评论

从输入 URL 到页面显示——浏览器工作原理全解析

遇到前端题目，我现在会先问自己这四个问题

备考面试的过程里，我发现一件有意思的事：很多题目表面上考的是不同的知识点，但解题的起点其实是一样的——先搞清楚题目的结构，再选对应的模型。

22小时前
21
点赞
评论

遇到前端题目，我现在会先问自己这四个问题

前端解题的 6 个思维模型：比记答案更有用的东西

这篇文章整理了我在备考过程中归纳出的 6 个前端思维模型。每个模型都有一个"触发信号"——当你在题目里看到这个信号，就知道该用哪个模型了。

1天前
22
1
评论

前端解题的 6 个思维模型：比记答案更有用的东西

当 reduce 遇到二维数据：从"聚合直觉"到"复合 Map"的思维跃迁

`reduce` 是好工具，但它是线性的。二维问题交给 Map，让它做自己擅长的事。工具选择应该跟着数据关系走，而不是跟着操作外形走。

1天前
17
1
评论

当 reduce 遇到二维数据：从"聚合直觉"到"复合 Map"的思维跃迁

只渲染「必要的部分」：从 DepartmentTree 和 VirtualList 看前端的两种裁剪哲学

当数据量超过视觉或性能承受范围时，如何决定「渲染哪些、跳过哪些」？只是裁剪的依据不同——Tree 靠用户交互，VirtualList 靠滚动位置。这篇文章是我整理这两道题的学习笔记。

3天前
32
点赞
评论

只渲染「必要的部分」：从 DepartmentTree 和 VirtualList 看前端的两种裁剪哲学

面试题里的 Custom Hook 思维：从三道题总结「异步状态管理」通用模式

最近在准备面试，翻到几道关于 Custom Hook 的模拟题。表面上看各不相同——轮询、筛选、防抖搜索——但仔细分析之后，发现它们背后有一套共同的思维框架。

4天前
39
点赞
评论

面试题里的 Custom Hook 思维：从三道题总结「异步状态管理」通用模式

React 性能优化与渲染控制：从浏览器底层到组件设计

性能问题往往不是"用没用这几个 API"的问题，而是对浏览器渲染机制和 React 默认行为的理解是否到位。本篇文章从浏览器渲染的底层出发，一路推导到 React 组件的渲染控制和状态设计。

5天前
9
点赞
评论

React 性能优化与渲染控制：从浏览器底层到组件设计

个人成就

文章被点赞 38

文章被阅读 6,084

掘力值 1,190

加入于

2023-09-25