-
Symbol的原始值恒等性指每次调用Symbol()都生成全新不可复用的值，===仅认同一实例，不比较描述字符串，以此确保属性名隔离防冲突。
-
<p>HTML中class和id命名须语义优先、kebab-case统一、全局唯一：class应表功能如error-message，禁用red-text等样式名；id必须唯一且用于锚点或JS精确操作；工具类加u-前缀；BEM重在结构意识而非符号；data-*需加项目前缀，name/id避免重复。</p>
-
静态提升是Vue3编译器将纯静态节点（无插值、指令、动态属性）提取为常量VNode缓存复用的优化策略，仅作用于DOM节点而非组件实例，以减少重复创建开销。
-
:not(:last-child)更可靠，因其语义明确且不受动态增删影响；而:first-child~li在首项移除后易漏样式，且需注意last-of-type与last-child的区别。
-
最快的老照片效果是filter:sepia()，推荐组合为sepia(0.8)contrast(0.85)brightness(0.92)blur(0.3px)drop-shadow(008pxrgba(140,100,60,0.15))，并可叠加噪点纹理提升真实感。
-
可行，但需确保被include文件为纯HTML片段且在<head>中用<link>引入；禁用直接includeCSS文件，应通过<linkhref>让浏览器独立请求，并统一使用根路径避免404。
-
能，但仅限width、background-color、border（部分浏览器）、visibility:collapse等少数CSS属性；color、font-size、text-align等无效，且background易被td覆盖，需配合border-collapse:collapse才可靠生效。
-
目前无法用纯HTML或标准WebAPI实现将窗口精确定位到指定屏幕，Multi-ScreenWindowPlacementAPI仍为实验性功能，仅部分Chromium浏览器支持且需手动启用权限；检测多屏唯一可靠方式是调用getScreens()并先请求window-placement权限，否则回退至单屏；window.open()的left/top参数在多屏下不可靠，现代浏览器默认忽略该参数；跨屏定位唯一可行方案是先open再通过moveTo()配合target.availLeft/availTop及de
-
txt转html本质是套HTML结构，需先用html.escape()转义特殊字符，再将换行符替换为，头部写死DOCTYPE和body开始标签，尾部闭合，避免XSS风险与编码错误。
-
应优先使用requestAnimationFrame实现动画，因其对齐屏幕刷新率、避免掉帧；CSS动画优于JS动画，仅用transform/opacity等可合成属性；杜绝强制同步布局，集中读写操作；按需降帧并响应prefers-reduced-motion。
-
Proxy无法实现真正意义上的“基于全路径捕获”的无侵入式多语言自动翻译引擎，因其仅能拦截JS对象属性读写，无法覆盖HTML硬编码、DOM操作、第三方库及Canvas等场景；网页需MutationObserver+DOM扫描，Unity需Harmony补丁，二者均依赖底层链路注入而非Proxy。
-
fade()是设目标alpha值，fadeout()是减去固定alpha值；前者可控且符合叠加直觉，后者易在嵌套中出错，如rgba(0,0,0,0.5)调用fadeout(...,10%)得alpha=0.4而非0.45。
-
this指向完全取决于函数如何被调用：普通调用时非严格模式指向全局对象、严格模式为undefined；对象方法调用时指向点号左边的对象；new调用时指向新实例；call/apply/bind可显式绑定且优先级最高；箭头函数不绑定this，沿作用域链查找。
-
tabindex通过正数（升序入Tab流）、0（按DOM顺序入流）、-1（仅编程聚焦）控制焦点顺序；常见错误是滥用正数编号或忽略元素可聚焦性。
-
CustomElements是深度嵌入DOM构建与样式计算的标准化扩展机制，通过customElements.define()注册构造函数，节点创建时触发constructor，插入文档后执行connectedCallback，并遵循CSS层叠规则参与样式计算。
