-
fixed元素始终固定在视口，脱离文档流，适用于全局固定组件；sticky元素在滚动到阈值时才吸附，仍占位，适合局部粘附场景。
-
遍历JavaScript原型链的核心方法是使用Object.getPrototypeOf()从对象开始逐级获取原型，直到null为止；2.实际应用包括调试继承关系、检查对象能力、实现高级框架功能；3.Object.getPrototypeOf()是标准API，__proto__是非标准且不推荐使用的属性，应避免直接操作；4.遍历时需注意以null为终点防止无限循环，避免修改内置原型以防副作用，特殊宿主对象可能有非标准原型链结构，需谨慎处理。
-
使用CSSGrid可轻松实现两列布局，通过display:grid和grid-template-columns定义列宽，子元素自动填充网格，结合gap设置间距，并利用媒体查询实现响应式堆叠，必要时用grid-column控制项目跨列。
-
负margin会破坏文档流，导致元素溢出、父容器塌陷或错位；使用transform可避免这些问题，因其不改变布局占位，仅视觉位移，推荐用于实现安全可控的元素移动。
-
使用CSS变量和currentColor可统一边框、文本与背景色。1.定义:root变量管理主题色，便于全局修改；2.用currentColor使边框自动匹配文字颜色；3.根据背景明暗选择对比边框色，确保可读性；4.推荐结合变量与继承，提升维护性与视觉一致性。
-
应使用白名单机制的HTML清理库、服务端HTML解析与节点遍历过滤、正则预处理+语义校验组合过滤三种方法。其中白名单机制最安全，通过解析DOM重建仅保留允许标签与属性；服务端解析逐节点校验并剔除不合规内容；正则预处理仅作辅助，不可单独依赖。
-
top、right、bottom、left仅在position为relative、absolute、fixed或sticky时生效；absolute/fixed定位下，同时设置对立属性可拉伸元素，relative定位则以top/left优先，auto值用于自动计算布局，合理组合可实现精准定位与响应式设计。
-
答案：利用CSS的max-height和transition属性，结合JS控制类名切换，实现平滑折叠菜单动画。通过设置max-height从0到足够大值的过渡，配合overflow:hidden隐藏溢出内容，点击按钮时用JavaScript切换expanded类，触发展开或收起动画，从而在无需复杂脚本的情况下完成交互效果。
-
用gap实现卡片等间距排列：gap控制网格项间空隙，justify-content仅调整整组行列在容器中的对齐；正确写法为display:grid+gap，外边距用padding配合。
-
JavaScript可选链（?.）用于安全访问嵌套属性、方法、数组索引及动态属性，遇null/undefined即短路返回undefined；可与??搭配设默认值；不可用于赋值左端或链式调用中非可选部分。
-
HTML5中空格“失效”是因浏览器遵循规范合并空白符，非Chrome缺陷；解决需用white-space属性（如pre-wrap）或CSS间距，而非依赖多个空格或 。
-
HTML5页面跳转有五种方式：一是a标签href属性，支持新窗口、锚点、相对路径及下载；二是JavaScript的location.href赋值，适合动态跳转；三是location.assign()方法，语义清晰且兼容性好；四是location.reload()刷新当前页；五是history.pushState()实现无刷新URL变更与SPA路由。
-
应通过HTTP服务器环境运行HTML5页面，因file://协议限制部分API；推荐使用Python内置服务器（python-mhttp.server8000）或VSCodeLiveServer插件，并确保DOCTYPE声明、UTF-8编码及禁用干扰扩展。
-
使用transform替代width、height、margin动画可避免重排，因transform作用于合成层且由GPU加速，不触发layout变化，从而提升动画流畅度。
-
CSS背景图关键在路径管理与属性配合：相对路径以CSS文件为基准，绝对路径以根目录开头；background-size用cover/contain控缩放，配合no-repeat和center定位；慎用fixed导致移动端失效，推荐外部CSS类控制。
