-
边框遮挡背景图的解决方法是设置background-clip:padding-box，使背景仅绘制在内边距区域而不覆盖边框；建议同步设置background-origin:padding-box以确保定位准确，两者配合使用逻辑一致且兼容性良好。
-
上下居中且等间距排列应使用flex-direction:column、justify-content:space-evenly、align-items:center，并设置明确高度；space-evenly实现真正等距，兼容性需注意。
-
应通过JS控制校验时机实现表单错误的即时友好提示：blur时添加is-invalid类并显示提示，focus时清除；:user-invalid比:invalid更符合用户操作后提示的直觉，但兼容性有限。
-
使用:nth-child(odd)选择奇数位元素，:nth-child(even)选择偶数位元素，常用于表格或列表隔行变色，如li:nth-child(odd){background:#f0f0f0}选中第1、3、5…个li，tr:nth-child(2n+1)等同于odd，2n等同于even，通过an+b公式可灵活控制样式。
-
防抖和节流是工具而非自动优化方案；用错场景或参数会恶化体验。debounce需正确处理immediate逻辑并透传参数；throttle应据场景选leading/trailing；框架中需稳定函数引用；实时性高、必响应的场景禁用。
-
CSS动画播放速度由animation-duration直接控制，值越小越快；JavaScript可通过element.style.animationDuration动态修改实现运行中变速，但仅限内联样式且不支持IE；WebAnimationsAPI的playbackRate支持真倍速但仅适用于JS创建的动画。
-
visibility:hidden保留空间且仅触发重绘，子元素可强制显示；display:none不占空间，触发重排与重绘，子元素无法显示，且影响SEO与无障碍访问。
-
节流是按固定时间间隔执行函数，首次触发立即执行，后续每wait毫秒最多执行一次；核心用时间戳判断差值，确保过程快照而非最终状态。
-
ES6模块运行需满足三环境约束：浏览器须加type="module"且路径为URL；Node.js需.mjs扩展名或package.json设"type":"module"；构建工具会改写import行为导致开发与生产不一致。
-
preventDefault()有时无效，主因是调用时机错误（如异步回调中）、event参数缺失、事件已冒泡终止、浏览器限制特定默认行为；它仅阻止默认行为，不阻止冒泡，returnfalse在原生JS中无事件控制作用。
-
TypeScript是JavaScript的增强版超集，添加可选静态类型；所有合法JS代码即合法TS代码，加类型标注即可获编译检查、智能提示与安全重构等能力。
-
深色模式应避免纯黑背景，推荐使用深灰色如#121212；宜用hsl()通过调节lightness值实现明暗适配，并结合CSS自定义属性与prefers-color-scheme媒体查询统一管理主题色，同时确保文本对比度≥4.5:1。
-
可通过五种方法将图片转为HTML网页：一、纯HTML手动编写；二、Python脚本批量生成；三、在线工具一键转换；四、Markdown配合Pandoc生成；五、浏览器开发者工具动态构造。
-
本文讲解在React中使用useEffect监听输入城市名、在预设城市列表中查找匹配项并安全设置selectedCity状态的正确实践，重点纠正filter误用、重复setState及潜在无限渲染问题。
-
单页面应用（SPA）路由通过HistoryAPI或Hash模式实现无刷新视图切换，核心是监听URL变化并动态渲染；需服务端配合History模式兜底，手写路由可实现基础功能，但复杂场景应使用成熟路由库。
