-
JavaScript框架是预编写的代码库，用于结构化构建网页应用，解决原生JS中DOM手动更新、数据视图不同步、代码复用难等痛点，通过响应式更新、组件化和内置机制提升开发效率与可维护性。
-
<header>是语义化“介绍性区域”，可多处使用但须关联明确内容单元，宜含标题、局部导航、元信息；勿塞全站导航、广告等界面控件，避免空标签或结构混用。
-
WebSocket连接三步：构造函数创建、监听事件、send发送；长轮询靠客户端递归请求模拟实时；核心区别是全双工长连接vs单向HTTP“假连接”；选型依延迟与交互频率而定。
-
:hover:focus是交集伪类，仅当元素同时处于悬停和聚焦状态时生效，适用于需精确控制交互样式的场景，如渐进式提示或无障碍视觉反馈。
-
不用<hr>而选::after伪元素，因<hr>是语义化分隔符，适用于文档结构级分割，而内容区内视觉分割线多为装饰性需求；::after更轻量、灵活且不干扰语义与可访问性。
-
JavaScript异步编程核心是避免主线程阻塞，回调函数易致“回调地狱”且错误处理繁琐，Promise通过状态管理、链式调用和统一错误处理（.catch）提升可读性与组合性，内部仍基于回调但已标准化封装。
-
响应式背景图应据场景选background-size：cover适合全屏但会裁剪，auto100%保持宽高比撑高，100%100%慎用；多断点用媒体查询按序切换图片源；fixed失效时推荐伪元素模拟视差；SVG背景需设contain/cover并确保viewBox合理。
-
JavaScript条件语句有if、switch、三元运算符三种：if最灵活，适合任意布尔判断；switch仅支持严格相等的离散值匹配；三元运算符适合简单赋值，嵌套宜浅，空值处理优先用??和?.。
-
答案：通过ServiceWorker结合CacheAPI实现离线访问，首先注册并安装ServiceWorker，在install阶段预缓存核心资源；然后根据资源类型选择网络优先或缓存优先策略，如HTML采用网络优先降级离线页，图片采用缓存优先；同时在activate阶段清除旧缓存，并动态缓存运行时请求，确保核心功能可用且内容及时更新。
-
可通过CSS自定义HTML5搜索按钮：一、用type="search"配合appearance清除默认样式并重绘；二、用submit按钮独立控制样式；三、用SVG/背景图替代文字；四、用CSS变量实现主题切换；五、增强无障碍支持。
-
前端路由分Hash和History两种实现：Hash靠location.hash变化与hashchange事件，兼容性好但URL带#；History用pushState/replaceState和popstate，URL干净需服务端fallback；手动实现需维护路由表并监听路径变化；主流框架路由库均基于二者封装。
-
margin:auto水平居中需满足两个前提：元素为块级（display:block）且设置了明确宽度；否则对内联、浮动、绝对定位元素或无宽元素无效。
-
HTML5元素阴影可通过box-shadow、text-shadow、filter:drop-shadow()、伪元素及响应式媒体查询五种方式实现：分别用于块级元素、文字、不规则图形、复杂方向阴影和多设备适配。
-
卡片层级混乱的根源是父级意外创建层叠上下文，导致子元素z-index失效；应检查position、opacity、transform等触发属性，统一在最外层容器管理z-index。
-
dragstart中必须调用dataTransfer.setData()，否则拖拽失败；drop区需在dragover中preventDefault()才能触发drop；跨iframe需序列化数据；移动端不支持原生拖放，须降级处理。
