-
grid-item的box-shadow被父容器裁剪的根本原因是grid-container默认overflow:hidden且未创建新层叠上下文，导致不占布局空间的阴影被剪切；解决方法包括设overflow:visible、加padding、用transform创建新层叠上下文等。
-
display:none是唯一真正移除渲染的方式，元素从渲染树中完全剔除、不占空间、不响应事件、JS查询尺寸为0，适合权限控制和条件渲染，但频繁切换会触发重排。
-
健壮的compose函数应支持单参数、不修改原函数、透传非函数值，核心实现为constcompose=(...fns)=>(x)=>fns.reduceRight((acc,fn)=>typeoffn==='function'?fn(acc):acc,x)。
-
tbodytr:hover有效需满足：HTML中显式存在tbody标签，且结构符合标准表格（thead/tbody/tfoot）；触屏设备默认不支持hover，需用@media(hover:hover)或touchstart/touchend模拟；避免pointer-events:none、优先级冲突及transition:all引发的布局抖动。
-
负margin通过让元素突破布局边界实现重叠，它强制元素在文档流中视觉偏移，而非删除空间；但受overflow、flex对齐、外边距合并等限制，现代开发更推荐transform实现精准覆盖。
-
HTML5布局需正确应用盒子模型：标准盒模型中width/height仅含内容，border-box使宽高包含padding和border；flexbox实现一维弹性布局；grid构建二维网格；margin折叠需注意。
-
HTML5play()不能无条件直接调用，必须在用户手势（如click、touchend）回调中同步调用并处理Promise返回值，否则会因权限限制被拒绝。
-
正确使用表单标签与属性、支持“记住我”功能、避免破坏自动填充机制、测试浏览器兼容性可实现稳定自动填充。1.使用标准input类型并设置autocomplete属性为username和current-password；2.登录成功后通过localStorage保存用户名，页面加载时恢复；3.避免动态修改type、禁用autocomplete或使用非原生输入框；4.在Chrome、Firefox、Safari中测试自动填充与多账号切换效果，确保兼容性。
-
必须先在HTML中创建带id且设宽高的div容器，再用L.map('id')初始化地图并setView设置中心和缩放级别；接着用L.tileLayer加载匹配EPSG:3857投影的瓦片图层并addTo(map)；最后确保JS执行时机正确、网络请求成功、DOM结构完整。
-
required仅校验非空，不触发pattern等自定义规则；pattern默认不校验空值，需手动干预验证流程，推荐用submit事件拦截+checkValidity()+reportValidity()统一控制。
-
HTML多选框用<inputtype="checkbox">实现，需统一name值分组、设value区分选项、禁用ID重复；JS通过querySelectorAll获取全部并手动同步checked/indeterminate状态。
-
固定导航条导致内容被遮挡，应通过padding-top为内容区预留高度；响应式可用CSS变量联动；慎用margin-top；滚动条宽度变化可用scrollbar-gutter或强制显示解决；需确保导航条定位、尺寸设置正确。
-
改网页标题只有两种可靠方式：静态写在<head>里的<title>，或运行时用document.title赋值；其他操作均不保证生效，尤其影响SEO和历史记录。
-
页面预加载通过JavaScript操作BOM实现，核心在于动态加载资源以提升用户体验。1.动态图片预加载：提前加载轮播图或点击后即将展示的图片；2.数据预加载：利用FetchAPI或XMLHttpRequest预取JSON等数据；3.动态插入link标签：根据条件灵活使用preload或prefetch声明式加载资源。相比静态声明，JavaScript提供了更精细的控制能力，如基于用户行为、网络状况、历史记录进行智能判断，同时支持数据预取和兼容性回退。但需注意避免过度预加载、合理管理缓存、考虑网络状况、控
-
垃圾回收靠标记-清除算法判断对象是否该被清理：从根对象出发递归标记可达对象，未标记的即为不可达垃圾；引用计数法因无法处理循环引用而被淘汰。
