-
Vue2中watch默认监听不到数组索引赋值（如arr[0]=newValue）和修改length的变化，因Object.defineProperty无法拦截；响应式操作有push、pop、shift、unshift、splice、sort、reverse；非响应式操作包括索引赋值、length修改及直接替换引用（除非deep:true）。
-
首先检查HTML结构是否完整，包含DOCTYPE、html、head和body标签，并确保标签正确闭合；接着通过浏览器开发者工具查看错误信息与资源加载情况，确认文件编码为UTF-8，排除外部资源路径错误导致的空白页问题。
-
原生语义标签比ARIA更可靠；<divrole="button">缺乏键盘支持和表单行为，应优先用<button>；有可见文本用aria-labelledby，纯图标用aria-label；aria-live="polite"用于状态提示，assertive用于关键错误；FontAwesome装饰性图标自动aria-hidden="true"，功能性图标需显式声明语义。
-
需通过标准超链接配合相对/绝对路径实现双向导航：一、用相对路径（如“page2.html”或“../page1.html”）；二、用锚点（如“page1.html#section-a”）；三、用根相对路径（如“/about.html”，需本地服务器支持）；四、用JavaScript动态加载导航；五、验证链接有效性，避免404。
-
直接给width/height加transition会触发重排（reflow），导致卡顿，且height:auto无法插值；应改用max-height、transform或opacity等不触发布局的属性实现平滑过渡。
-
正确做法是将图片嵌入相对定位容器，遮罩层同级绝对定位覆盖，仅对图片应用transform:scale()并设初始值，配合overflow:hidden防溢出、display:block去间隙、opacity过渡遮罩，触屏需JS降级处理。
-
additionalData是注入Sass全局变量最稳妥的方式，因其在Vite编译前统一拼接SCSS代码，确保所有样式块（含scoped）都能访问变量且不污染作用域。
-
table-layout:fixed是CSS中控制表格列宽计算方式的属性，它使浏览器仅依据第一行或col元素的宽度声明来确定列宽，从而实现可控的自适应布局。
-
Notification.requestPermission()必须在用户真实手势（如click、keydown）的同步回调中立即调用，禁止在onload、setTimeout等非交互上下文中执行；需先检查Notification.permission状态，仅当为"default"时才可调用，且不可异步延迟。
-
JavaScript函数分四类：函数声明（提升，可前置调用）、函数表达式（不提升，需先定义）、箭头函数（无this/arguments，不可构造）、方法简写（对象中this绑定调用者）。
-
本文详解如何用setTimeout替代阻塞式while循环，结合WebAudioAPI的AudioContext和OscillatorNode，实现精确、可扩展的音符序列播放，并支持动态波形切换。
-
HTML实现一分钟倒计时，可以使用JavaScript来动态更新时间。以下是一个简单的示例代码：
倒计时
倒计时：60秒
最稳方案是用setInterval实现一分钟倒计时：起始值设为60，每次回调先减1再更新DOM，到0时立即clearInterval并执行结束逻辑，避免负值运行和内存泄漏。
-
当在数字输入框中通过数字键盘输入小数点（.）时，Formik表单的value突然清空，根本原因在于parseFloat()对部分区域设置（如德语、法语等）下浏览器自动将小数点显示为逗号（,）但实际输入事件仍触发英文符号，导致解析失败或返回NaN，进而引发受控组件值异常。
-
不能仅靠单一viewportmeta标签禁止缩放，需组合viewport设置（width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no）、JS拦截手势事件、以及表单控件font-size≥16px三重防御。
-
类方法没有prototype属性，因为它们是赋值给构造函数prototype对象的普通函数，设计目的为实例方法调用而非构造器，故JavaScript引擎不自动为其添加prototype属性。
