-
防止表单重复提交的核心方法是令牌机制，通过服务器生成唯一令牌并存储在会话中，表单提交时验证并删除令牌，确保每次提交唯一有效。
-
Flex布局需结合百分比宽度和媒体查询才能适配移动端：1.使用flex-basis设百分比控制子项基础尺寸；2.通过max-width限制宽度，box-sizing确保尺寸计算准确；3.在@media中调整flex-direction、flex-wrap等属性适配断点；4.设置min-width和max-width配合flex实现弹性伸缩，防止变形。
-
可通过五种方式在HTML中嵌入小型图标：一、img标签直接插入；二、CSS背景图；三、内联SVG代码；四、字体图标；五、picture元素实现响应式加载。
-
答案：CSSHack通过利用浏览器解析差异、私有前缀和选择器错误处理机制，实现对特定浏览器或版本的样式控制。
-
多端框架通过统一语法和编译机制实现一次开发、多端运行，如Taro、UniApp等采用中间语言加编译转译，抽象组件与API、适配运行时、支持条件编译，结合样式兼容、组件封装、API兜底等实践，提升开发效率与维护性。
-
rgb()和rgba()是颜色通道直控方式而非亮度控制工具，通过独立调节红、绿、蓝通道（0–255）及alpha透明度实现精确对比度控制，兼顾可读性与视觉层次。
-
运行HTML文件的方法有：一、直接双击打开，用浏览器查看静态内容；二、通过浏览器菜单选择“打开文件”加载本地文档；三、使用Node.js启动本地服务器运行，支持动态功能；四、利用VSCode等编辑器的LiveServer插件实现实时预览。
-
iframe依然可用但需谨慎，因其存在安全与性能问题；2.主要安全隐患包括点击劫持、钓鱼和XSS，可通过sandbox、allow属性、X-Frame-Options和CSP来规避；3.性能问题源于独立浏览上下文和资源消耗，可通过loading="lazy"、JavaScript动态加载和内容优化缓解；4.更推荐的替代方案包括API调用+客户端渲染、WebComponents、服务器端包含（SSI/SSR/ESI）和OEmbed协议；5.提升用户体验需采用响应式设计、加载状态提示、错误处理、可访问性支持（
-
图文紧密排列需调整图片默认inline行为：一、vertical-align控制对齐；二、display:block+float实现环绕；三、flex布局精准并排；四、font-size:0消除空白符间隙；五、line-height:0压缩行框再微调。
-
JavaScript是通用语言，初学者应先用浏览器Console验证console.log；避免var，优先用const/let；本地开发需HTTP服务而非file://；DOM操作须确保元素已加载。
-
选择REM结合视口单位因兼具JS动态控制与CSS原生缩放优势，避免纯方案缺陷。通过JavaScript设置html的font-size实现REM基准，利用calc()混合单位提升自适应性，用预处理器或四舍五入减少精度误差，配合Flexbox增强布局响应能力，对旧浏览器可降级处理。
-
JavaScript作用域是词法作用域，由代码结构在运行前确定，分全局、函数、块级（ES6起）；var提升至函数顶，let/const有TDZ；闭包捕获变量绑定而非值；this与作用域无关，取决于调用方式。
-
图片不对齐是因默认基线对齐造成底部空隙，1.可通过设置vertical-align:middle/top/bottom调整；2.结合margin微调位置；3.推荐使用flex布局替代浮动，利用align-items实现稳定对齐。
-
通过CSStransition为按钮设置颜色、缩放、阴影等属性的平滑过渡，结合:hover悬停提示与:active点击状态，实现无需JavaScript的自然点击反馈，提升操作感知与用户体验。
-
JavaScript深拷贝无万能方案：structuredClone()支持多数内置类型且处理循环引用，但不支持function等；手写需防null、数组遍历、循环引用等陷阱；LodashcloneDeep覆盖广但有体积和兼容性考量；JSON方法仅适用于纯数据对象。
