-
使用Node.js流模块构建高吞吐管道，核心是通过Transform流实现数据分块转换与背压控制，结合pipe链式调用串联文件读取、解压、解析等环节，避免内存堆积。关键优化包括合理设置highWaterMark、启用objectMode、错误隔离及并行处理，确保数据持续流动，提升处理效率。
-
直接用标签名或ID写CSS难维护，因语义弱、唯一性强、结构耦合高；应采用BEM类名规范与独立顶层类名HTML结构，实现样式解耦与真正复用。
-
Symbol是ES6新增的唯一原始类型，每次调用返回独一无二值，不可复用、不参与隐式转换；用作对象属性键可防命名冲突，且默认不可枚举；Symbol.for()提供全局注册表，Symbol描述仅用于调试。
-
Notepad编写HTML需保存为.html文件，通过浏览器打开即可运行；2.正确设置文件扩展名和编码（UTF-8）是关键步骤；3.修改后刷新浏览器实时查看效果，无需编译。
-
前端JS在浏览器运行，负责页面交互；后端JS在服务器运行，处理业务逻辑。前者操作DOM、响应用户行为，后者通过Node.js处理请求、数据库操作。两者通过HTTP协议通信，前端用fetch发送数据，后端用Express等框架接收并返回JSON，协同实现完整功能。
-
JavaScript常用设计模式包括单例、观察者、工厂、代理等，其中单例确保类唯一实例，适用于配置管理；观察者实现一对多依赖更新，Subject与Observer直接通信，区别于发布-订阅的事件总线解耦。
-
迭代器模式提供顺序访问聚合对象元素的方法而不暴露内部结构，JavaScript通过实现具有next()方法的Iterator接口，返回包含value和done属性的对象，如createIterator函数示例所示。
-
Canvas动画核心是requestAnimationFrame驱动的“清空→计算→重画”闭环；先获取2D上下文绘制静态图形，再通过状态变量、clearRect、draw和update函数实现流畅弹跳动画。
-
WebTransportAPI提供低延迟、双向数据传输，基于HTTP/3和QUIC，支持可靠流与不可靠数据报，简化服务器通信连接，相比WebRTCDataChannel降低开发复杂度、提升传输效率，适用于实时游戏、金融行情等场景，是WebSocket与WebRTC间的轻量高效替代方案。
-
最自然、语义正确又易控的方式是用<mark>标签包裹关键字并配合CSS自定义样式；支持手动标记、JS动态替换、属性选择器分类控制，兼顾可访问性与视觉统一。
-
使用WampServer运行HTML程序需将文件放入www目录，启动Apache服务后通过http://localhost/项目路径访问，确保在本地服务器环境下正确解析运行。
-
AndroidWebView花屏主要由硬件加速滥用、合成层管理缺陷及GPU驱动兼容性引发，典型场景包括canvas高频重绘配合translateZ(0)、will-change未清理、fixed与overflow混用等；修复核心是精简硬件加速、优化WebView原生配置并降级高危渲染逻辑。
-
max-height过渡比height过渡更可靠，因height无法从0过渡到auto，而max-height可用足够大的固定值实现平滑动画；需JS动态测量真实高度并配合will-change、setTimeout等确保流畅性与兼容性。
-
HTML5<progress>元素样式需用伪元素定制：Chrome/Edge/Safari用::-webkit-progress-bar和::-webkit-progress-value，Firefox用::progress-bar和::progress-value，IE需降级处理，并统一设置height、appearance及无障碍属性。
-
WeakMap和WeakSet通过弱引用机制避免内存泄漏，适用于需动态管理对象且依赖垃圾回收的场景。1.WeakMap以对象为键，不阻止其被回收，常用于存储DOM节点私有数据、缓存计算结果或模拟私有属性；2.WeakSet用于标记活动对象，如防止重复处理或跟踪事件监听元素；3.两者均不可遍历、无size属性、仅支持对象类型，调试困难，故应在确需弱引用时使用，以提升内存性能。
