-
直接代理window或globalThis大概率失败，因其全局API多为不可配置、不可写的内置方法，且Proxy仅支持对象目标，而window在iframe等环境中可能非标准对象；应改为精准劫持fetch、XMLHttpRequest.prototype.send等函数入口，并逐个重定义console方法。
-
border-image不显示渐变的主因是默认border-width为0且border-style为none，需显式设置border-width和非none样式；渐变须用linear-gradient内联书写；border-image-slice应设为1fill以避免拉伸变形；Safari等浏览器存在兼容性问题。
-
用WeakRef实现图像纹理LRU缓存的关键是弱持有+强管理：WeakValueDictionary存WeakRef、双向链表维护访问序、FinalizationRegistry在对象回收时同步清理元数据，三者协同缺一不可。
-
max-width比width更适合响应式容器，因其允许窄屏收缩、宽屏限幅，配合margin:0auto实现居中；min-width防止中等屏幕下内容过挤，需与max-width合理组合并依设计断点设定。
-
role属性是显式覆盖元素默认语义的开关，仅在无障碍树中生效；必须用于动态渲染、旧浏览器兜底、非标准容器及按钮化非按钮元素等场景，禁用与原生语义冲突的混用。
-
grid-column-gap控制列间水平间距，row-gap控制行间垂直间距；前者作用于列轴，后者作用于行轴，两者均推荐用column-gap和row-gap替代以提升跨布局通用性。
-
HTML5input[type="datetime-local"]的min和max为什么没生效？因为值格式不匹配——min/max要求严格按YYYY-MM-DDThh:mm格式（秒可选，但必须补零），且时区隐含为本地。浏览器一发现格式不对，直接忽略整个属性。错误写法：min="2024-01-01"（缺T和时间部分）正确写法：min="2024-01-01T00:00"或min="2024-01-01T00:00:00"注意：不能写成min="2024/01/01"或带空格的
-
推荐新手直接通过官方CDN引入Layui：在head中引入CSS，在body底部引入JS，使用https://unpkg.com/layui@2.8.18/；本地部署需解压后按路径引入，注意图标字体路径和加载顺序。
-
前端性能漏斗不能照搬业务转化漏斗的“人数逐层递减”逻辑，必须以navigationStart、domContentLoadedEventEnd等关键时间点为节点，绑定session_id和行为上下文，否则只是“假漏斗”。
-
lightbox图片居中失效主因是容器未撑开或对齐逻辑触发过早；需确保图片加载完成再初始化，启用centerOnScroll，修正CSS选择器层级，并统一缩放策略。
-
首先确认Eclipse已安装Web开发组件，可通过Help→About检查版本或通过Marketplace安装WebToolsPlatform；接着设置内置浏览器预览，右键HTML文件选择OpenWith→InternalWebBrowser；为获得更真实渲染效果，可在Preferences→WebBrowser中配置外部浏览器，如添加Chrome路径；若涉及动态内容，需配置本地服务器（如Tomcat），将项目部署至服务器后通过http://localhost访问；最后可创建外部工具配置，设置一键在Chr
-
<abbr>标签必须配合title属性才能实现语义化缩写功能，否则仅为普通内联元素；title需为简洁纯文本，提供准确全称，且不可含HTML或冗余描述。
-
float导致父容器高度塌陷，因其脱离标准文档流，父容器计算高度时无法包含浮动元素；需通过触发BFC（如overflow:hidden）或伪元素清除浮动（::after{content:"";display:table;clear:both}）修复。
-
Map比普通对象快在支持任意类型键且哈希表实现O(1)查找，而对象仅支持字符串/Symbol键，非字符串键易因toString()冲突；正确序列化多参数需用JSON.stringify或模板字符串；防缓存爆炸应加LRU限制与参数稳定性评估。
-
margin控制元素外间距，padding控制内边距；两者均可通过单、双、三、四值或单独方向设置，配合box-sizing:border-box可精准布局，避免默认间距影响，提升页面结构清晰度与可读性。
