前端笔记

本文将手把手介绍如何将rust编写的函数打包为wasm供js使用，并解释其关键配置和实践中的常见问题。

由于业务每秒极限能生成数十万的数据，echarts的单条曲线就可能就有千万到十亿级的数据量。本文介绍如何提升亿级曲线的渲染性能。

本文通过TypedArray与普通Array对象的比较，引申出TypedArray的内存机制——backing store和 Native Heap与JS Heap

Tree-sitter 是一个解析器生成工具和增量解析库，用于为源代码文件构建具体的语法树，并在源文件编辑时高效更新语法树。本文介绍tree-sitter在语法校验中的实践(c++为例)

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实现，如何解决多应用实例下的隔离问题。

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