-
用addEventListener绑定添加按钮点击事件，在回调中获取输入值、创建li并追加到容器，清空输入框前需检查非空；删除用事件委托监听ul，通过e.target.matches('.delete-btn')判断并移除父级li；localStorage存取需JSON序列化并容错处理；事件监听器应只绑定一次，避免重复。
-
rotateY翻页核心是用transform:rotateY()配合perspective和preserve-3d实现真实3D旋转，关键在transform-origin设为left/rightcenter对齐书脊、perspective加于父容器、backface-visibility隐藏背面。
-
视频无法播放的原因是浏览器对视频编码支持不同，解决方法是使用多个<source>标签提供多种格式。HTML5的<video>标签通过MP4（H.264）、WebM（VP8/VP9）、Ogg（Theora）等格式实现跨浏览器兼容；关键属性包括controls（控制条）、width/height（尺寸）、poster（封面图）和<source>（多格式支持）；常见问题如自动播放需配合muted、preload优化加载、playsinline适配移动端；优化方面包括视频压缩、
-
TypeScript是JavaScript的超集，所有合法JS代码都是合法TS代码，其核心价值在于类型系统与编译时检查，而非运行时能力；真正使用TS需主动定义interface/type、利用泛型、字面量类型等实现接口契约。
-
跨平台HTML工具在不同设备上效果差异源于渲染引擎、资源调度与硬件加速支持差异；需通过标准化测试环境、CSS帧率、JS执行时延、WebGL初始化及离线存储吞吐量五步实测分析。
-
Chrome和Firefox渲染不一致主因是引擎容错策略差异：Blink激进修复，Gecko保守暴露问题；pre标签格式失效多因CSS干扰；textarea须用value而非innerHTML读写；HTML格式化影响空白处理。
-
fetch最简写法为fetch(url).then(res=>res.json()).then(data=>console.log(data)).catch(err=>console.error(err))；必须显式调用.json()等方法读取响应体，且需用response.ok判断HTTP状态码是否成功。
-
samp标签专门用于标记计算机程序或脚本的输出内容；1.它提供语义化标识，表明文本是程序运行结果而非普通内容或代码本身；2.浏览器默认以等宽字体显示，但核心价值在于其语义而非样式；3.常用于展示命令行反馈、错误信息、系统提示等，如“Error:Filenotfound”；4.与code标签不同，code表示代码片段，samp表示代码执行后的输出；5.可与pre标签结合使用，pre保留格式，samp定义语义；6.在技术文档、教程、表单错误提示等场景中应用广泛；7.通过CSS可自定义字体、颜色、背景、边框等样
-
blocking="render"不是标准HTML属性，浏览器完全不识别，加了也无效；真正控制脚本渲染阻塞的只有async、defer和默认同步模式。
-
根本原因是组件未挂载完成就访问ref，ref.value仅在mounted后才指向真实DOM；应于onMounted中读取，避免setup或onBeforeMount中使用，并注意v-if、异步组件及v-for等场景的延迟问题。
-
with语句是JavaScript中已被弃用的语法，它将对象临时加入作用域链以简化属性访问，但因作用域不透明、性能差、易致静默错误且不兼容严格模式而被禁用，推荐使用解构赋值等安全替代方式。
-
position:fixed偏移因祖先元素含transform/perspective/filter导致降级定位；右下角应使用clamp()和env(safe-area-inset-bottom)响应式适配；弹窗需与悬浮球同级挂载body并设更高z-index。
-
HTML本身不存在函数，不依赖硬盘类型；影响开发体验的是JavaScript、构建工具等对磁盘I/O的依赖，SSD在npm安装、服务启动、HMR等环节明显优于HDD。
-
poster在video加载失败时不一定显示，行为不可控：Chrome/Firefox可能fallback到首帧，Safari常黑屏，微信内置浏览器忽略poster，旧版IE/AndroidWebView不支持。
-
前端通过数据库版本号机制实现本地数据表结构平滑升级，核心是读取持久化在meta表或localStorage中的当前版本号，按需执行幂等的增量迁移脚本，并在启动时自动对齐至最新版本，兼顾兼容性、灰度验证与错误防护。
