-
JavaScript国际化靠Intl对象统一处理本地化细节，而非手动条件判断；Intl.DateTimeFormat、NumberFormat、Collator分别管控日期格式、数字货币格式、多语言排序，需正确使用BCP47locale和options，并注意兼容性与性能优化。
-
pointer-events:none是子元素点击失效的首要原因，可能来自祖先元素继承；z-index无效因未定位；Flex拉伸导致热区错位；兄弟元素触发层叠上下文造成覆盖。
-
CSStransition仅对可计算、可插值属性生效，如opacity、transform、background-color等；display、height:auto、position:static等无效；需初始化显式值、正确声明transition位置，并优先使用transform和opacity以避免重排。
-
CanvasRenderingContext2D实现像素级绘制需四步：适配设备像素比、全量或脏矩形清除、确保资源加载完成、用requestAnimationFrame驱动动画，缺一不可。
-
Worker构造函数必须传入HTTP(S)协议的脚本URL，不支持直接传函数或内联字符串；其与主线程完全隔离，仅能通过postMessage通信且仅支持结构化克隆数据；不支持alert、localStorage、document等主线程API，需用importScripts同步加载第三方库；长期运行需手动terminate避免内存泄漏。
-
用dataset属性标记本地修改但未同步的DOM元素，需用JSON.stringify序列化原始值存入data-original，编辑时同步当前值到data-current并比对，配合localStorage存最小patch实现离线冲突识别。
-
必须用JS拆字计算位置并配合CSS动画实现可控环形文字：JS计算每个字符的圆周坐标与旋转角度，用transform:rotate()translate()rotate()校正朝向，CSS仅控制父容器整体匀速公转，resize时需重算布局。
-
SCSS嵌套报错主因是缩进不合法、层级过深、作用域错误及NodeSass迁移兼容问题；需统一空格缩进、控制嵌套≤4层、确保@use在顶部、替换@import为@use并验证语法。
-
DOM节点是JavaScript操作网页的核心，用于动态访问和修改页面内容、结构与样式。1.可通过innerText、innerHTML等属性操控文本与HTML内容；2.使用appendChild、removeChild等方法增删改页面元素；3.绑定事件监听器响应用户交互，如点击、输入等；4.利用style或classList动态调整元素外观，实现交互式视觉效果。DOM使静态页面变为动态应用，是前端开发的基础。
-
真正整齐的列表根本在于HTML结构合规：ul只允许li、ul、ol为子元素，非法嵌套会被浏览器自动修复导致DOM异常；应避免div/p等块级元素直接插入ul，li内可用行内元素或article分组，横向排列时需清除list-style并用伪元素自定义标记，嵌套列表须用原生结构配合ulul选择器缩进。
-
直接让对象实现handleEvent方法可省去removeEventListener时重复传函数引用的麻烦；用class封装支持状态共享与复用，配合AbortController.signal能自动批量清理监听器。
-
\_HTMLvar不是标准HTML标签，而是服务端模板引擎的占位标记，运行时被替换为真实HTML；直接在浏览器中打开含该标记的.html文件将无效，需确认文件类型、模板引擎是否启用及替换逻辑是否执行。
-
函数参数解构通过对象解构+默认值实现自解释接口，提升可读性、灵活性与容错性；支持任意调用顺序、新增字段不破坏旧代码、IDE自动提示、嵌套配置分层清晰，并需用默认空对象防御null/undefined。
-
requestIdleCallback是浏览器在主线程空闲时执行低优先级任务的调度API，适用于日志上报、非关键资源预加载等可中断任务，需配合timeout和deadline.timeRemaining()使用，并用cancelIdleCallback取消。
-
Object.getPrototypeOf(obj).constructor.name可安全获取实例的类名，优先于instanceof和字符串解析；需处理constructor被覆盖、匿名类、跨iframe等边界情况，并提供兜底方案。
