-
核心是通过编译时优化减少运行时开销。1.预解析构建AST，拆分静态与动态内容，合并静态节点；2.静态提升将不变片段提取为常量；3.生成高效渲染函数，利用with减少查找，优先字符串拼接；4.缓存编译结果避免重复解析。
-
正确使用viewportmeta标签和CSS媒体查询是实现HTML响应式设计的关键。2.添加<metaname="viewport"content="width=device-width,initial-scale=1.0">确保页面适配设备屏幕。3.通过@mediascreenand(max-width:768px)等媒体查询，根据不同设备宽度应用对应样式，实现布局自适应。4.结合两者可使元素如.box在小屏下自动调整宽度，提升移动体验。
-
align-self用于覆盖单个flex项目从父容器继承的交叉轴对齐方式，仅对直接子元素生效；主轴为row时控制垂直对齐，column时控制水平对齐。
-
:visited伪类仅允许修改color、background-color等有限CSS属性，禁止font-size、display等样式及复杂选择器组合，本质是浏览器为保护隐私实施的限制。
-
答案：通过CSS的:hover与::before可实现下划线伸缩等悬停效果，核心是用::before创建隐藏装饰元素，结合定位与transition实现平滑动画，如宽度展开、图标浮现，需注意父元素relative定位及content属性设置。
-
使用HTML5的video标签可直接在网页播放本地视频，需正确设置src路径并添加controls属性以启用播放控制，推荐通过本地服务器运行避免加载问题。
-
padding默认增大元素总尺寸，因在width/height外计算；启用box-sizing:border-box可使其从设定宽高中扣减，更符合直觉且利于响应式布局。
-
浮动布局塌陷本质是父容器未兜住脱离文档流的浮动子元素致高度坍缩，解决方法有三：一是用clear属性在浮动后加空标签清除；二是给父容器加clearfix类触发BFC；三是改用flex或grid布局天然规避。
-
<nav>标签用于定义页面主要导航区域，提升结构清晰度、可访问性和SEO；应包裹主导航链接，推荐结合<ul><li>组织导航项，便于屏幕阅读器识别；可通过CSS实现水平或响应式布局，增强用户体验。
-
requestAnimationFrame（rAF）是实现JavaScript动画最推荐的方式，它由浏览器调度、与屏幕刷新率同步（通常60fps），比setTimeout/setInterval更高效流畅省电；其回调自动传入时间戳，需手动递归调用以实现循环动画，后台标签页会自动降频。
-
position取值决定层叠行为：static无视z-index；relative/absolute/fixed/sticky需配z-index才生效；fixed相对视口，absolute相对最近已定位祖先；z-index仅在同层叠上下文中有效，opacity<1等属性会意外创建新上下文。
-
line-clamp是解决多行文本溢出最直接有效的方式，需配合display:-webkit-box、-webkit-line-clamp、overflow:hidden及-webkit-box-orient:vertical使用。
-
manifest文件必须以text/cache-manifestMIME类型提供，结构须严格按CACHE→NETWORK→FALLBACK分块，路径需相对manifest所在目录，且仅manifest内容字节变化才触发更新；HTML5manifest已废弃，推荐改用ServiceWorker。
-
首先创建含POST方法和multipart/form-data编码的表单，添加file输入框并设置accept属性限制类型，通过multiple支持多文件上传，结合JavaScript验证文件大小与格式，最后由后端脚本处理并保存文件。
-
伸展树的旋转操作分为Zig（单旋）、Zig-Zig（同向双旋）和Zig-Zag（异向双旋），在插入、查找或删除后执行_splay时根据节点与父、祖父节点的相对位置触发。Zig用于节点父节点为根的情况，Zig-Zig用于三代同侧，Zig-Zag用于三代折线结构，通过组合旋转高效压缩路径，提升后续访问性能。
