-
border会占位因默认box-sizing:content-box下宽度不包含边框；可用box-shadow模拟视觉边框以避免撑大布局，如box-shadow:0002px#333实现不占位边框；但box-shadow无法响应交互且不支持虚线，推荐优先使用box-sizing:border-box使border包含在宽高中，结合两者可灵活控制布局与视觉效果。
-
应将重复的CSS动画逻辑抽成语义化可复用class，如.animate-fade-in、.animate-slide-up等，统一时长0.3s和fill-mode:both；支持data属性动态控制参数；允许多类组合；推荐工具辅助生成；仅对高频低差异动效封装。
-
使用CSSGrid可通过grid-template-columns和1fr单位实现三栏布局。1.基本三等分：1fr1fr1fr平均分配宽度；2.固定-弹性-固定：200px1fr200px设置侧边栏固定、主区自适应；3.不等比分布：1fr2fr1fr形成窄-宽-窄结构；4.响应式布局：1frminmax(300px,2fr)1fr确保中间列最小300px且弹性扩展。组合fr、固定值与minmax可灵活适配多种需求，展现Grid的精确布局能力。
-
HTML表单安全加固需五步：一、客户端JS验证（正则校验、长度限制、preventDefault）；二、服务端双重验证与清理（类型转换、HTML编码、白名单、文件上传防护）；三、CSRF令牌嵌入与校验（session存储、隐藏字段、一次性使用）；四、HTTP头部强化（HSTS、X-Content-Type-Options等）；五、输入属性级防护（type、min/max、pattern、spellcheck）。
-
可通过iframe嵌套、代码合并或JavaScript动态加载实现两个HTML功能集成：1.使用iframe分别加载page1.html和page2.html；2.合并两页面结构与资源，避免ID和脚本冲突；3.用fetch请求外部HTML并插入容器，确保脚本执行。
-
JavaScript无法直接读写本地Excel文件，但可通过SheetJS库实现前端导入解析（如XLSX.read）和导出生成（如XLSX.writeFile），支持.xlsx/.xls/.csv格式，无需后端参与。
-
使用position:absolute结合@mediaquery可灵活实现响应式侧边栏。1.先设置.sidebar为绝对定位，脱离文档流并固定在左侧，主内容通过margin留出空间；2.在屏幕宽度小于768px时，通过媒体查询将侧边栏宽度设为100%并移出屏幕（left:-100%），添加.open类时滑入显示，实现移动端折叠效果；3.将父容器设为position:relative，可使侧边栏相对其定位，提升布局控制精度；4.设置多断点优化不同设备体验，如576px以下占满视口，769px~1024px间
-
严格模式是JavaScript中启用更规范、安全执行环境的显式声明机制，需在脚本或函数顶部用"usestrict"字符串启用，禁用静默失败、未声明变量、with语句、重复参数等不安全行为，提升错误暴露率与代码可维护性。
-
运行HTML文件的方法有：一、直接双击打开，用浏览器查看静态内容；二、通过浏览器菜单选择“打开文件”加载本地文档；三、使用Node.js启动本地服务器运行，支持动态功能；四、利用VSCode等编辑器的LiveServer插件实现实时预览。
-
标准HTML文件需以<!DOCTYPEhtml>声明开头，嵌套<htmllang="zh-CN">根元素，内含<head>（含<metacharset="UTF-8">、<title>等）和<body>（含<h1>、<p>等），保存为.html后缀并用浏览器打开验证。
-
答案：通过哈希表和双向链表结合实现LRU缓存，get和put操作均O(1)。1.每次访问将节点移至链表头部；2.插入新节点超容时淘汰尾部节点。示例验证了正确性。
-
async/await是基于Promise的语法糖，使异步代码更直观；async函数自动返回Promise，await在async内暂停执行并等待Promise完成，支持错误捕获且不阻塞线程。
-
适配器模式通过创建中间层解决接口不匹配问题，将不同数据源的字段格式统一，使原本不兼容的接口能协同工作，提升系统解耦性与扩展性。
-
使用Flex或Grid布局结合媒体查询可解决手机端表单输入框排版不整齐问题，1.采用Flex实现垂直堆叠与自动占满，2.使用Grid在不同屏幕尺寸下切换单双列布局，3.配合媒体查询优化断点与点击区域，4.重置输入框样式并统一盒模型，确保跨设备对齐一致。
-
本文旨在解决Vue.js应用中图片无法正确显示的问题，即使URL和数据绑定看似无误。核心原因在于Vue应用挂载机制的作用域限制以及HTMLid属性的唯一性原则。我们将通过分析错误示例、提供正确代码及最佳实践，帮助开发者理解如何确保图片等动态内容在Vue组件内部正确渲染，避免因DOM结构和ID重复导致的常见错误。
