-
使用Flexbox与Grid结合实现响应式页脚布局，.footer采用Grid设置整体多列结构，配合auto-fit和minmax实现自适应列数，内部模块如.brand、.social等使用Flexbox进行垂直排列与对齐，通过媒体查询在小屏下切换为单列并居中显示，结合gap、justify-self等属性优化间距与定位，确保不同设备下布局合理、对齐自然。
-
最可靠方式是直接监听contenteditable元素的paste事件，检查clipboardData.items类型并调用preventDefault()；旧版Safari/微信需fallback到text/html正则匹配；beforeinput不适用于图片拦截。
-
Proxy和Reflect是JavaScript元编程的核心工具，Proxy用于拦截对象操作，Reflect用于安全执行默认行为，二者结合可实现数据校验、日志记录、响应式系统等高级功能，具有非侵入性、透明性强的优势，能有效避免猴子补丁带来的问题。通过set陷阱进行属性校验、get/set记录访问日志、set触发更新回调构建简易响应式系统，展示了其在实际开发中的强大能力。但使用时需注意this绑定、深度代理复杂性、性能开销、调试困难及代理不变量等问题，合理利用Reflect可确保操作合规，避免常见陷阱，是现
-
Tailwind的JIT模式能明显加快CSS生成，因为它将类名扫描与CSS生成从构建时移至开发时，且仅生成实际使用的类，避免预生成海量冗余变体。
-
搜索建议框缩放时消失或错位，是因为absolute定位基准依赖最近的relative祖先，而父容器未设position:relative、宽度计算不匹配（如仅用width:100%）、未处理padding/border及box-sizing等因素导致定位偏移和溢出。
-
不能挂马是违法行为，违反《网络安全法》及《刑法》第285、286条；浏览器不主动挂马，而是攻击者利用漏洞注入恶意脚本；开发者须防范XSS、严格CSP、过滤输入、启用SRI等。
-
答案：通过HTML构建轮播图与指示器结构，CSS设置圆点样式并高亮当前项，JavaScript实现点击切换时同步更新图片和指示器的active状态，确保交互一致性。
-
手风琴用checkbox而非radio是因需支持“全部收起”，checkbox天然支持点击切换与:checked伪类闭环控制；radio无法取消选中，除非JS干预。
-
重置样式被框架覆盖的根本原因是CSS加载顺序决定层叠优先级，需确保reset.css在框架CSS前引入；Bootstrap5的reboot.css与自定义重置易冲突；Tailwind已内置等效重置；iOS表单控件需针对性覆盖UA样式。
-
JavaScript浮点数计算不精确是IEEE754标准导致的共性问题，0.1+0.2结果为0.30000000000000004而非0.3；应使用误差容忍法（如Number.EPSILON或自定义容差）替代===比较。
-
HTML-Sublime插件不存在，实际应使用Emmet实现HTML快速展开，配合HTML-CSS-Class-Completion补全class提示，并确保语法为text.html.basic。
-
数据劫持是通过Object.defineProperty拦截对象属性的读取和修改操作，实现对数据变化的监听，在Vue2中用于响应式系统；其核心是利用get和set捕获属性访问与赋值，结合递归遍历实现深度监听，但存在无法监控数组索引变化、动态增删属性等局限，需配合$set等方法弥补，最终被Vue3的Proxy方案取代。
-
justify-content:space-around是Flexbox中用于实现子元素等间距排列的属性值，它将主轴空间平均分配给每个子项两侧，使元素间视觉间距相等，两端留白为中间的一半，适用于导航栏、图标组、卡片列表等布局场景，相比space-between更具外边距，相比space-evenly更显自然；使用时需确保父容器设置display:flex，并注意容器宽度与子元素数量，避免压缩或溢出，可配合flex-wrap处理换行。
-
select需设name属性才能提交，option须显式设value，首项建议value=""且selected作提示；multiple启用多选但提交为数组，移动端存在原生选择器兼容问题。
-
制作下拉导航菜单的核心思路是1.用HTML嵌套无序列表搭建结构，2.用CSS通过position:relative和position:absolute配合实现子菜单定位，3.利用:hover触发display、opacity、visibility或transform等属性变化来控制子菜单显隐；为提升体验，可4.结合transition实现平滑过渡动画；面对多级菜单时，5.需调整子菜单的top和left值使其侧向展开，并确保各级li都有position:relative，6.合理设置z-index避免层级覆
