前端笔记

Emscripten 是一个基于 LLVM/Clang 的开源编译器工具链，本文介绍Emscripten安装方法、解释常用命令，并阐述其工作原理。

`using` 是 **ECMAScript 2023（ES14）** 引入的一项新语法，用于**自动管理资源的生命周期**。本文介绍using的基本原理，使用场景，并给出实践demo

js对象属性的遍历有很多方法，用起来不知道选哪个，记起来麻烦，本文将介绍所有属性访问相关api的能力和区别。

Playwright上手非常简单，本文介绍playwright的常用配置以及如何设置登录或授权信息。

国际化项目，经常要随迭代增加翻译词条，如果手动翻译，很容易造成翻译重复或遗漏，而且词条的替换操作体验也极差，这类机械性工作完全可以交给AI完成。

MCP兴起后，有些人认为SSE与Streamable HTTP是两个概念，其实不然。本文将理清SSE和Streamalbe HTTP两者的概念与关系，并给出实践中的一些小建议。

综合对比 webpack项目整体上可以无痛迁移到rsbuild，其中rspack对标webpack，swc对标babel和terser，这些对标不仅是从能力上对标，更是参考了目标的大量配置api设计。

React的事件传播与原生事件传播也可能并不一致；冒泡阶段，调用stopPropagation对原生事件没有任何影响，但捕获阶段则会阻止原生事件传播

组件使用useContext后，memo无法阻止不必要的更新；可以使用Context + useSyncExternalStore自行封装状态库解决该问题。

sessionStorage可以跨页签：从一个窗口打开另一个同源窗口时，新窗口会带上原窗口的sessionStorage

CSS 级联层（@layer）是 CSS Cascade Level 5 引入的新特性，用来创建“层次化的样式组”，让开发者更清晰地控制 不同来源的样式优先级。

tailwind4降级到3，主要分为以下几个部分： - 依赖和打包配置更新 - 指令替换和tailwind配置 - 不兼容特性排查

本文将从webpack出发，探索其配置和特性在vite中的对应配置，为webpack迁移到vite提供参考。

观察者模式和发布/订阅模式，用一句话就可以区分其差别：观察者模式观察的是被观察者本身，而发布订阅模式订阅的是主题。

本文主要介绍IOC(控制反转)容器与DI(依赖注入)的Typescript实现，如何解决多应用实例下的隔离问题。

事件的关注点在哪里 事件的关注点应该是事件本身，而不是事件的派发者或者订阅者。事件处理其实是跨模块的逻辑编排，各模块应保持独立，避免耦合。

个人本周学习总结：DDD设计模式落地；实时采样算法；流式传输；rxjs和订阅重构；css列组合选择符

本文介绍 web worker实践中的两个问题：worker.js打包（404报错）和第三方依赖的加载。

可能有人认为，是esm战胜了amd，才导致了requireJS的没落。 但在我看来，esm战胜amd既是webpack流行的因，也是它的果。 webpack融合了构建与模块加载，是一个划时代的创举。

使用WeakMap来缓存请求Promise和AbortController，无需关注这两个实例的清理，和内存泄漏，降低心智负担。