-
当页面内容高度动态变化时，使用position:fixed可使元素相对于浏览器视口（viewport）拉伸至100%高度，从而实现从顶部到底部的全高垂直线效果。
-
transition对logo缩放没反应，主因是transform起始/目标值未真实变化或选择器未匹配到更新元素；需用scale()替width/height、节流scroll、加will-change、截断小数位、兜底-webkit-transform并确保SVG属性正确。
-
嵌入样式通常覆盖外部样式，但实际取决于特异性、!important和顺序：同权重下后引入的生效；特异性高者优先；含!important的声明最优先。
-
三星旧机型（Android4.4以下）需动态注入target-densitydpi=device-dpi且width=640的viewport，rem布局应延时设置font-size并用screen.width×dpr计算，SPen需同时监听touchstart和click，canvas与图片须按dpr缩放适配。
-
不可能用纯HTML做出淘宝网站，因HTML仅定义页面结构，搜索、登录、购物车等交互功能需JavaScript实现逻辑、CSS控制样式，并依赖后端处理用户数据与订单。
-
需借助JavaScript实现HTML动态条件显示，方法包括：一、内联事件判断；二、script标签内if修改DOM；三、模板字符串拼接HTML；四、data属性驱动逻辑；五、表单输入实时反馈。
-
本文详解如何消除Bootstrap双列布局中方形容器之间的意外间隙，通过理解默认col-*内边距机制、合理设置容器尺寸与使用内置gutter系统，实现均匀、可控的列间/块间间距。
-
JavaScript的try...catch用于捕获同步运行时错误，防止脚本崩溃；支持catch捕获Error对象并推荐用message属性，finally确保清理代码执行；但无法捕获异步错误，需在回调或Promise中单独处理。
-
iframe的优势在于嵌入外部内容时实现隔离与便捷集成，能有效防止第三方代码干扰主页面，常用于嵌入视频、地图、广告等；但存在安全风险如点击劫持、恶意脚本、性能损耗、SEO内容不可见及响应式适配问题。通过sandbox属性可限制脚本执行、表单提交等权限，遵循最小权限原则提升安全性。为优化性能，应减少使用、采用懒加载、预设尺寸并动态调整高度，以降低加载负担和布局抖动，确保用户体验。
-
解构赋值可从数组或对象中提取值并赋给变量，使代码更简洁。①对象解构通过键名匹配，支持重命名（如name:userName）和默认值（如gender='unknown'）。②数组解构按位置赋值，可用逗号跳过元素，...获取剩余项。③函数参数中解构可清晰接收对象或数组，支持默认值。④实际应用包括提取API数据、简化配置传递、交换变量、处理多返回值等，提升开发效率与代码可读性。
-
直接在浏览器中打开HTML5文件最简单，双击即可用默认浏览器查看，适合静态页面测试；通过浏览器菜单打开可方便进行多浏览器兼容性测试；若涉及JavaScript异步加载或API请求，推荐使用本地服务器运行，如VSCode的LiveServer插件、Node.js的http-server或Python的http.server模块，能避免跨域和路径问题，更贴近真实线上环境。
-
前端生成PDF可通过jsPDF、html2canvas、pdfmake和dom-to-pdf等库实现。1.jsPDF功能强大，支持文本、图像、表格等内容绘制，适合精细控制；2.html2canvas结合jsPDF可将HTML元素转为PDF，适用于导出图表或表单预览；3.pdfmake通过JSON结构定义文档，适合生成发票、报告等固定格式的结构化文档；4.dom-to-pdf封装了前两者逻辑，提供简洁API，便于快速集成。根据需求选择：需精细控制用jsPDF，导出DOM区域推荐html2canvas+jsP
-
可通过localStorage实现搜索框历史记录自动显示，包括初始化绑定input事件、聚焦时读取渲染下拉列表、失焦或回车时去重存储、点击填充、限制条数及清空功能。
-
答案：WebSocket可靠通信需结合自动重连、心跳保活、消息确认、离线缓存与状态同步机制，通过指数退避重连、定时ping/pong检测、ack确认与本地缓存、会话恢复及增量同步，实现断网或异常后的连接恢复与数据一致性。
-
reduce是处理数组累积逻辑最直接的工具；关键在明确初始值与累加器类型匹配，避免空数组报错、类型不一致、异步误用及漏写return等常见错误。
