背景 最近给 LUCI OS 官网做首屏改版，需求只有一句话： 听起来简单，但「缩放不变形」+「多端自适应」本质上是矛盾的。 经过 3 轮迭代，我们把问题拆成了 4 个小目标，并给出了最简洁的解法。

探索一些独立开发的UI最佳实践。 今天要分享的是：如何用 Claude Code 生成 顶级UI 🌝

最近公司里事儿比较多，项目也比较杂，但是因为公司的项目主要是聚焦OA方面，很多东西可以复用。 比方说：表单、表格、搜索栏等等，这部分现阶段大部分都是各写各的，每个项目因为主要的开发不同...

你是否想过，网页中那些炫酷的图片、文件下载、本地预览功能背后，隐藏着怎样的“黑科技”？这一切的秘密，都藏在一个被誉为 HTML5 王者对象的神器——Blob 之中。

本文对浏览器事件循环做了全面细致的介绍。以早餐店为例，帮助初学者对事件循环有一个具体的印象。在介绍了调用栈与任务队列之后，详细介绍了事件循环的执行顺序，辅以多道代码题与面试题帮助加深理解。

开发中，我们或多或少地接触了设计模式，但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点，从而对它们有比较清晰的认知。 看完了上述设计模式后，把它们的关键词特点罗列出来，以后提到某种设计模式，进而联想相应的关键词和例子，从而心中有数。

为了减少资源请求次数，加快资源访问速度，浏览器对资源文件如图片、css文件、js文件等有一个缓存功能，而浏览器缓存策略又分为强缓存和协商缓存，什么是强缓存？什么是协商缓存？两者之间的区别又是什么？

React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双端比对的方式去优化 Diff

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…