-
JavaScript的class只是语法糖，面向对象取决于是否用封装、继承、多态组织代码；实例属性须在constructor中初始化，方法挂载原型，私有字段用#，多态依赖鸭子类型而非类型系统。
-
响应式导航栏小屏不折叠的主因是媒体查询断点错误或flex-direction未生效；需确保max-width断点匹配设备、菜单容器设flex-direction:column且display:flex，checkbox联动逻辑正确，z-index配合position闭环。
-
纯HTML无法实现可操作账单页，因其无数据存储、计算或交互能力；必须配合JavaScript实现增删、计总与本地保存，必要时还需localStorage或后端支持。
-
纯CSS实现淡入动画最简方案是opacity+transition：先设初始opacity:0，再声明transition:opacity0.3sease；必须写全属性名，禁用all；搭配visibility:hidden防占位交互，IE9+原生支持。
-
递归函数是函数调用自身，必须有明确终止条件（basecase），否则导致栈溢出；核心结构为basecase加recursivecase，常见错误包括缺return、basecase条件错误、问题规模未缩小。
-
在HTML表单中为重置按钮添加确认提示，可以通过结合HTML和JavaScript实现。1)使用onclick事件和confirm函数直接在重置按钮上添加确认提示；2)将JavaScript逻辑从HTML中分离，提高代码可维护性；3)使用自定义模态框替代标准confirm对话框，增强用户体验；4)添加ARIA属性，确保无障碍访问。
-
直接用PerformanceObserver监听"first-input"是唯一准确获取真实FID的方式；FID（entry.duration）量化主线程卡顿程度，即用户操作到浏览器开始处理间的阻塞时长。
-
data是<object>元素的必需属性，用于指定嵌入资源的URL，是浏览器加载内容的唯一数据源；它不支持src替代，必须配合type和fallback使用以确保兼容性。
-
本文介绍一种基于Tampermonkey的轻量级解决方案，通过JavaScript自动提取<a>标签中的data-url值并写入href属性，使原本禁用中键点击的链接恢复「Ctrl+左键」或鼠标中键在新标签页打开的功能。
-
前端埋点通过在交互节点插入代码采集用户行为数据，主要分为代码埋点、可视化埋点和无痕埋点三类；通过JavaScript监听事件并上报数据，常用sendBeacon确保数据送达，结合data-track属性实现自动采集，需注意性能优化、数据脱敏、字段规范及小流量验证，以保证准确性与可维护性。
-
JavaScript中设置Cookie需通过document.cookie="key=value;expires=...;path=/;domain=..."字符串赋值，必须显式指定expires/max-age、path和domain才能正确覆盖或删除；读取需正则解析并decodeURIComponent；删除本质是写入过期同名Cookie，且path/domain必须严格匹配原值。
-
HTML中输入真正空格需用 等实体或white-spaceCSS；锚点偏移应通过scroll-margin-top修复，而非空格或margin/paddinghack。
-
夸克浏览器中overflow:scroll卡顿的根源是合成层策略保守，可靠解法为：scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch;contain:paint;scroll-behavior:smooth;backface-visibility:hidden;perspective:1000;}，并用requestAnimationFrame替代scrollend监听滚动结束，同时避免scroll中触发重排重绘。
-
:target是匹配URL中fragmentidentifier所指向id元素的CSS伪类，纯CSS实现、大小写敏感、仅作用于首个同id元素，需配合scroll-margin-top避免头部遮挡且注意SPA中hash模式兼容性。
-
Firefox严格遵循XML规范，解析失败时responseXML返回null、不支持document.load()和ActiveXObject、DOMParser对编码敏感，需用DOMParser+兜底处理并确保响应头与XML声明编码一致。
