前端笔记

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，无需关注这两个实例的清理，和内存泄漏，降低心智负担。

多数的状态管理库解决的问题是跨组件数据通信的问题，并非解决状态管理复杂度，甚至他们反而会增加状态管理的复杂度。

这是一篇k8s入门的实战案例：如何手动将前端nginx项目镜像部署到k8s集群，并配置ingress路由。

问起event loop，有很多人会提到一个关键词：“宏任务”。不同作者对宏任务的定义不一样，但其实根本就不存在“宏任务”这个概念。

9月中公司裁员，国庆后开始找工作，煎熬了一个月后，11月底确定入职公司。本文记录一下过程中的面经和感受。

自定义webpack loader主要用于处理文件内容，比如解析自定义格式的文件（最常见的如解析.vue文件或jsx文件），或者对文件内容进行替换。

开发时经常会使用console.log进行调试，如果代码复杂，多个console.log输出往往会分不清其所在位置，因此可以通过一个插件，每次调用console.log时，自动加入其所在文件和代码行数

箭头函数中的this指向什么？ 这是一道经典JS问题。 很多人都认为，箭头函数中的this，指向的是它定义时的环境中的this。但是这个解释是有问题的!