标签: 前端

文章对比Docker中npm与pnpm缓存机制：npm扁平化存储需解压拷贝I/O耗时，pnpm内容寻址+硬链接瞬时链接。最佳实践：npm挂载/root/.npm缓存；pnpm挂载/pnpm/store共享store，速度快一量级、节省空间。推荐pnpm优化容器构建。（148字符）

**文章技术背景**：浏览器对无`Cache-Control`/`Expires`响应头的资源采用启发式缓存机制。 **关键问题**：依赖`Last-Modified`计算有效期（LM-Factor算法），无此字段时不缓存或极短期；开发者难控更新。 **主要方案**：建议显式设置`Cache-Control: no-cache`或`max-age`，避免浏览器猜测风险。（148字符）

本文总结了面试准备中可能遇到的技术问题及优化方案。包括：协商缓存的应用场景、JS/CSS对DOM加载的影响及优化、超大表格渲染卡顿的解决方案（如requestAnimationFrame、渐进式加载、预加载/缓存、DOM缓存等）。

本文总结了微前端对比、二叉树最小路径和的递归解法（包括数组形式）、简化版Promise手写实现和带深度参数的flat函数手写实现。主要问题包括二叉树路径搜索、Promise异步处理和数组扁平化。解决方案分别使用了递归算法、状态管理和递归深度遍历。

本文对比了styled-components和css-modules的优缺点，讨论了HOC和Hooks的适用场景及替代关系，并给出了使用示例。同时介绍了flex布局的order属性，以及如何使用Schedule类进行Promise的并发控制。

本文深入解析了 Promise 的三种状态（pending, fulfilled, rejected）、resolve参数的不同类型处理、then/catch/finally方法，以及静态方法 all, allSettled, race, any 的用法。最后，文章还提供了一个 Promise 的简单实现，并简要提及了 postMessage 相关的异步任务执行顺序问题。

React的Diff算法旨在高效找出虚拟DOM树的差异，优化了传统O(n^3)复杂度。核心在于同层级比较和利用`key`属性识别列表元素变化，实现O(n)复杂度。当元素类型不同，React会重建树。Fiber Reconciler利用调度器和Fiber Node树，使Diff更高效。

本周报主要内容包括：1. 探讨了 `vertical-align` 的 `Line-relative values` 和 `Parent-relative values` 的区别。2. 总结了 `scrollIntoView` 的使用方法和参数选项。3. 提供了树结构和列表互相转换的 JavaScript 实现。

本文是为面试准备的礼物，汇总了常见的JS手写题和八股文。手写题包括字符串转换对象、类型体操科里化、汉明距离总和、股票买卖、链表随机节点、二叉树迭代遍历、整数转罗马数字、字母异位词分组等。重点讨论了JS浮点数运算不精确的原因和解决方法，涉及IEEE 754标准、精度丢失等，并解释了Number.MAX_SAFE_INTEGER等特殊值。

背景：CDN 上的字体文件在不同域名站点引用时出现跨域问题。 问题：浏览器对相同 URL 的跨域资源，未按 Origin 区分缓存，导致缓存错乱。 方案：虽然`Vary: Origin`是正解，但最终采用设置 `Access-Control-Allow-Origin: *` 解决跨域问题。

本文深入探讨了浏览器缓存机制，包括缓存位置分类（Memory Cache、Disk Cache、Service Worker）和失效策略分类（强缓存、协商缓存）。重点解析了`Cache-Control`等HTTP头部字段对缓存行为的影响，以及`Service Worker`提供的更灵活的缓存控制方式。文章还介绍了启发式缓存，并提供了缓存策略的最佳实践。