-
浮动元素无法通过z-index改变层级，因其未创建层叠上下文且z-index仅对定位元素有效。需同时设置position为relative、absolute等非static值才能使z-index生效。例如添加position:relative后，z-index即可正确控制层叠顺序。需注意父容器若创建了层叠上下文（如设置opacity），仍会影响子元素的最终显示层级。
-
this的指向由函数调用方式决定：1.全局环境中指向全局对象（非严格模式）或undefined（严格模式函数中）；2.作为对象方法调用时指向该对象；3.构造函数中指向新创建的实例；4.call、apply、bind可显式绑定this；5.箭头函数无自身this，继承外层作用域；6.事件处理函数中通常指向触发事件的DOM元素。
-
答案：JavaScript实现剪贴板复制有三种主要方式。1.使用已废弃但兼容性好的document.execCommand("copy")，需创建临时文本元素并触发用户事件；2.推荐使用现代ClipboardAPI的navigator.clipboard.writeText()，更安全高效，支持异步操作但需HTTPS环境和用户手势触发；3.通过判断浏览器支持情况自动降级，优先使用API，不支持时回退到传统方法。实际应用中应根据项目需求选择方案，新项目用API，旧浏览器用兼容方案，并提供复制成功提示以提升体
-
父元素的overflow属性会影响绝对或固定定位元素的显示与定位基准，当overflow非visible时可能裁剪子元素或改变包含块边界，尤其在父元素创建层叠上下文时fixed定位也会受限，可通过调整DOM结构、修改overflow值或使用Portal技术避免干扰。
-
柯里化是将多参数函数转换为单参数函数链的过程，通过闭包逐步积累参数，支持部分应用、提升复用性与组合能力，但需权衡可读性与适用场景。
-
Intl仅负责格式化（日期、数字、货币、排序），不处理翻译；需自行管理翻译资源，并结合Intl.Locale等API实现本地化渲染。
-
使用CSS:hover伪类可为按钮添加悬停效果，提升交互体验。通过改变背景色、文字颜色、边框、阴影并结合transition实现平滑动画，如示例中按钮背景变深、边框加暗、添加阴影和轻微上移。需注意兼容性，避免在悬停中触发关键功能，控制过渡时间在0.1～0.3秒，保持颜色对比度，防止大幅位移影响页面稳定性。
-
使用LiveServer扩展可实现实时预览，直接双击HTML文件可在浏览器中快速查看，或通过VSC终端运行Python服务器模拟真实环境访问页面。
-
FIMO不输出带CSSfilter的HTML，因其导出的是静态快照（PNG/SVG），所有视觉效果均在渲染阶段固化，未预留样式控制逻辑或JS接口。
-
<p>HTML5注释仍用<!--...-->，批量删除需正则匹配完整非嵌套注释块；VSCode推荐/(?s)<!--[\s\S]*?-->/g，注意未闭合注释风险；各编辑器需适配跨行与非贪婪匹配；删后须验证条件注释、TODO及DOM布局影响。</p>
-
AndroidWebView中window.JSInterface调用失败主因是API17+需加@JavascriptInterface注解且不可带window.前缀；iOSWKWebView须用messageHandlers且注册须在加载前；跨平台应以_platform标识环境并用事件总线处理回调。
-
Word不解析HTML标签，粘贴<img>代码仅显示文本；正确方式是直接插入本地图片、粘贴截图或用Word365+插入在线图片链接。
-
修改cache.manifest文件后页面不更新？浏览器不会因为清单文件内容变了就自动重新下载资源——它只在检测到cache.manifest文件的字节内容（包括注释、空格、换行）发生变化时，才触发更新流程。很多开发者改了资源路径或版本号，却忘了动清单本身。实操建议：每次修改缓存资源前，必须改动cache.manifest的某一行（比如加一句#v20240521或改一个空格）确保服务器对.manifest后缀返回text/cache-manifestMIME类型，否则浏览器直接
-
图片未铺满主因是父容器无高度，需设html和body为height:100%并清除margin/padding；装饰图用background-image，语义化需求用<img>配object-fit:cover；Safari下vh容器需动态适配；高清屏需@2x图或SVG替代。
-
JavaScript状态管理是系统性跟踪、更新和共享应用数据的设计思路，核心目标是使状态变化可预测、可追踪、可复用，解决状态不一致、传递成本高、变更不可追溯及协作效率低等问题。
