-
答案：通过WebComponents封装组件，结合设计系统与CSS变量确保一致性，为各框架提供轻量适配层，实现跨框架复用。
-
HTML文件可在浏览器中通过五种方式打开：一、双击直接运行；二、右键选择浏览器打开；三、拖拽至浏览器窗口；四、地址栏输入file:///绝对路径；五、用VSCode的LiveServer启动本地HTTP服务。
-
Promise是ES6引入的内置对象，用于规范异步操作，具有pending/fulfilled/rejected三种不可逆状态；通过newPromise()创建，支持链式调用、值穿透及Promise.all/race/resolve/reject等静态方法。
-
border-width是实现多边框效果的基础，需结合box-shadow、outline或伪元素技术；通过设置border-width控制内层边框粗细，利用box-shadow扩展值模拟外层边框，或用outline添加非占位外框，亦可通过伪元素绝对定位实现多层独立边框，每层border-width可单独调整，从而精准构建复杂边框层次。
-
答案：为确保网页视频兼容性，应使用video标签并列提供MP4和WebM格式源文件。浏览器按顺序尝试加载source标签中的视频，优先选择支持的格式；MP4（H.264+AAC）兼容性最好，WebM（VP9+Opus）为开源推荐格式，OGG仅用于旧版浏览器；通过controls显示控制条，width、height或CSS设置尺寸，type属性声明MIME类型，内部文字作为不支持时的降级提示；建议用FFmpeg转换视频，预加载metadata节省流量，结合autoplaymuted实现自动播放，配合响应式设
-
递归是函数调用自身解决问题的技巧，需满足基础情况（终止条件）和递归情况（规模递减），典型步骤为确定basecase、找出递推关系并编码实现，常见陷阱包括缺失basecase或未缩小问题规模。
-
可通过内联style、span标签、内部CSS、外部CSS文件及CSS变量五种方式设置网页文字颜色：分别适用于单元素着色、局部变色、批量控制、多页复用和动态主题切换。
-
答案：可通过JavaScript实现HTML5文件内文本搜索，利用正则表达式增强匹配能力，构建索引提升性能，并使用WebWorkers避免界面阻塞。
-
可通过移除icon标签、设href为空或dataURL、配置HTTP响应头禁用请求、或使用1×1透明PNG图标四种方法隐藏HTML5页面图标。
-
移动端手势交互需基于touchstart、touchmove、touchend事件实现，通过记录坐标与时间判断滑动、长按、双击、拖拽等操作，结合阈值控制、preventDefault谨慎调用、requestAnimationFrame优化及单指优先策略提升体验，可封装工具函数或使用Hammer.js、use-gesture等库简化开发，核心是准确识别用户意图并给予及时反馈。
-
闭包是内部函数记住并访问外部函数局部变量形成的持久引用环境。需满足嵌套函数、内部函数被外部保留、实际访问外部变量三条件，用于模拟私有变量、保持状态、模块化及异步上下文，但需注意内存与性能问题。
-
flex-direction:column未生效主因是父容器未设display:flex或被float、absolute等破坏Flex上下文；子项不占满高度需用flex:1而非height；height:100%失效常因嵌套中某层缺高度，推荐min-height:100vh。
-
使用grid-template-areas可直观实现表单分组布局，通过命名区域并在容器中定义网格结构，如"usernameusername""emailphone"等，结合grid-area将元素对应到指定区域，利用grid-template-columns设置列宽并配合媒体查询在小屏下切换为单列，实现响应式布局，结构清晰且易于维护。
-
100vh在CSS中代表视口高度的100%，常用于创建全屏布局和确保元素高度与视口一致。100vh适应浏览器窗口大小变化，适用于响应式设计，但需注意移动设备上的视口计算问题。
-
Promise.then是微任务。JavaScript事件循环中，宏任务（如setTimeout）和微任务（如Promise.then）的执行顺序为：当前宏任务执行完后，事件循环会清空所有微任务，再执行下一个宏任务。这意味着Promise.then的回调会比setTimeout更快执行。例如，同步代码执行完后，Promise.then的回调会立即执行，优先于setTimeout的回调。Promise链式调用时，每个.then回调都会作为微任务依次加入队列，确保它们连续执行而不被宏任务打断，从而保持异步操作
