-
HTML5无内置版本号机制，需通过构建流程在静态资源URL中嵌入版本标识（如哈希值）以解决缓存问题；硬编码或meta标签写死版本号无效，真正生效的是资源路径变更；推荐GitTag+CI自动注入版本至文件名与构建元信息。
-
答案：JavaScript中变量声明有var、let、const三种方式，推荐使用let和const；数据类型包括Number、String、Boolean、Null、Undefined、Symbol、BigInt七种基本类型及Object、Array、Function等引用类型。
-
JavaScript模块化通过拆分功能为独立模块提升代码可维护性与复用性，历经从全局变量、IIFE到CommonJS、AMD，最终ES6Modules成为主流；现代开发中结合Vite等构建工具实现高效打包与工程化管理，促进项目结构清晰、协作高效。
-
推荐使用HTML5语义化标签因其能提升网页可读性、可访问性和SEO效果。1.语义化标签如header、nav、article明确表达内容角色，使代码更有意义；2.提升SEO，搜索引擎更易识别重点内容；3.增强可访问性，屏幕阅读器可快速定位导航与主内容；4.便于团队协作，结构直观利于新人理解；5.减少class滥用，避免冗余写法。header用于页面或区块头部，可包含标题、logo、导航等，一个页面可有多个，适用于介绍性内容。footer用于底部区域，可放置版权信息、联系方式等，同样支持多个实例，应关注语义
-
访问GoogleFonts官网选择字体如Roboto并获取含字重的链接；2.将生成的link标签插入HTML的head中；3.在CSS中通过font-family应用字体并设置备用字体；4.可选@import方式引入但推荐link以提升性能。
-
浮动元素高度不一致导致父容器塌陷，因脱离文档流后父容器无法感知真实高度；可通过伪元素清除浮动配合padding-bottom与负margin实现视觉等高，或用Flexbox替代，必要时再用JS动态同步高度。
-
使用CSStransition与transform:rotate()可实现图标旋转，适用于悬停或点击交互。首先通过HTML创建图标元素并添加类名，如<spanclass="rotate-icon">↻</span>；然后设置.rotate-icon的display:inline-block和transition:transform0.3sease，配合:hover触发rotate(180deg)实现悬停旋转；若需持续旋转，定义@keyframesspin{fro
-
答案：封装时间格式化与相对时间计算函数可提升开发效率。通过formatTime将日期转为“YYYY-MM-DDHH:mm:ss”等格式，支持自定义输出；利用timeAgo计算时间差，返回“刚刚”“3分钟前”等人性化提示，增强用户体验。
-
CSS盒模型由内容、内边距、边框和外边距组成，总宽度=width+左右padding+左右border+左右margin；默认box-sizing:content-box导致尺寸膨胀，推荐使用box-sizing:border-box使宽高包含padding和border，配合*{box-sizing:border-box}重置全局样式，并注意垂直margin合并现象，以实现精确布局控制。
-
Vue.js的Fragment不参与独立diff，而是编译期转为vnode数组，运行时由父组件调用patchKeyed/UnkeyedChildren对子vnode逐个比对更新，无状态、不复用、依赖key稳定性。
-
前端通过fetch获取文件流并创建BlobURL，利用隐藏a标签触发下载；2.后端使用Node.js的Express框架，通过res.download发送本地文件或res.send发送动态生成内容，并设置Content-Disposition响应头以触发浏览器下载；3.对于大文件，采用fs.createReadStream进行流式传输，避免内存溢出；4.跨域时需配置CORS并暴露Content-Disposition头部；5.生产环境应增加权限校验确保安全。
-
animation结合opacity与translate可实现流畅的淡入滑入效果，如模态框、提示信息等；opacity控制透明度，translate实现无重排位移，两者均由GPU加速，性能优异；通过transition或@keyframes定义动画，配合forwards保持终态，建议避免使用left/top等触发重排的属性，可用will-change提升渲染效率，适用于页面提示、侧边栏展开等场景。
-
flex-direction:column在移动端失效主因是父容器缺乏明确高度约束，需设min-height:100dvh或height:100dvh，并确保祖先节点无overflow:hidden；iOS滚动需显式overflow-y:auto且配合-webkit-overflow-scrolling:touch。
-
background-position不生效常因display为inline或background-attachment:fixed导致参考系错误；需确保元素有尺寸、合理设置background-origin（padding-box/border-box/content-box）；百分比值按锚点对齐逻辑理解（如50%50%为居中）；关键词仅限9种合法组合；多背景图时position值须一一对应且与background-size数量一致。
-
答案是设计离线同步策略需实现本地持久化、同步队列、冲突解决和增量拉取。使用SQLite等存储数据并标记ID、时间戳、sync_status和操作类型；通过同步队列在网络恢复后按序上传变更，支持批量发送；采用时间戳或版本号检测冲突，结合客户端提示或自动合并处理；记录last_sync_time，定期从服务端增量拉取更新，确保双向数据一致性。
