-
使用video标签的poster属性可设置视频海报图，提升视觉体验。通过poster="图片路径"指定静态封面，建议图片与视频比例一致、大小适配、主题突出，并优化加载性能，增强用户体验。
-
HTML5<progress>的value属性修改后进度条不动，根本原因是JS修改的是property而非attribute，部分浏览器（如旧版Safari）仅响应attribute变化；应使用setAttribute('value',val)或确保先设max再设value并校验范围。
-
用Flex布局解决中间栏被挤压问题：左右栏设min-width（如200px），中间栏设flex:1，父容器必须display:flex且不设flex-wrap:wrap。
-
浮动布局失效的根本原因是未触发BFC且未清除浮动影响：父容器需设overflow:hidden/auto防塌陷，右侧自适应区应设overflow:hidden而非float或calc()，清除浮动须用伪元素clearfix而非错误位置的clear:both。
-
根本原因是border-width为0或未显式设置；需先设border:2pxsolidtransparent，再用border-image配合/1/显式声明填充方式。
-
ES6模块使用import/export，支持静态分析，CommonJS用require/module.exports，运行时加载；ESM可直接引入CJS，CJS需通过动态导入调用ESM，文件扩展名或package.json决定模块类型，推荐新项目用ESM，结合工具实现兼容。
-
使用Flexbox或CSSGrid均可实现侧边栏固定、主内容自适应的布局。1.Flexbox：设置容器display:flex，侧边栏定宽，主内容flex:1占据剩余空间；2.Grid：通过grid-template-columns:240px1fr定义两列，第一列固定，第二列自适应。前者兼容性好，适合流式内容；后者结构控制更精确，易于扩展。避免为自适应区域设置width以防破坏伸缩性。
-
在Vue模板中标注重点最简单有效的方式是直接写<strong>等原生HTML标签，配合{{}}插值或v-html（需确保内容可信），语义化推荐使用<mark>标签。
-
BrowserSync可实现跨设备实时预览，先安装Node.js并全局安装BrowserSync，进入项目目录后运行本地服务器并监听CSS文件，确保手机与电脑在同一局域网并通过IP访问，扩展文件监听路径支持子目录及多类型文件，或使用代理模式集成现有服务器。
-
模板字面量用${}嵌入任意表达式，天然支持多行但保留缩进；String.raw禁用转义，适用于路径正则等场景；不适用于性能敏感、低版本环境或需静态检查的场合。
-
本文详解移动端轮播图图片无法正确缩放、宽度溢出及高度拉伸失真的根本原因，指出device-width在CSS中非法且已被弃用，并提供基于100vw+aspect-ratio的现代、可靠解决方案。
-
display:grid更适合看板布局，因其天然支持列数控制、行高自适应及卡片跨行/跨列；而float易塌陷、inline-block有空白间隙且对齐困难。
-
首先检查CSS文件路径是否正确，确认HTML中link标签的href属性与实际文件结构一致，优先使用绝对路径；接着通过浏览器开发者工具的Network面板查看CSS请求状态码，404表示路径错误，403表示权限不足，500可能是服务器问题；验证服务器是否赋予CSS文件读取权限（如chmod644），并确保响应头Content-Type为text/css；排除Nginx或Apache等服务器对.css文件的访问限制；在Console中查看“Failedtoloadresource”提示，直接点击定位问题；尝
-
需移除HTML元素全部内容时，可用五种DOM操作法：一、innerHTML=""清空结构；二、textContent=""剥离所有子节点；三、replaceChildren()高效清空（现代浏览器）；四、while+removeChild()兼容旧版；五、innerHTML=null等效于空字符串。
-
使用Python启动HTTP服务器可解决路径解析问题，通过python-mhttp.server8000命令运行并访问http://localhost:8000；2.直接调用系统默认浏览器打开HTML文件，Windows使用startindex.html，macOS使用openindex.html，Linux使用xdg-openindex.html；3.使用Node.js搭建本地开发服务器需先安装http-server，再执行http-server命令并通过提示地址访问页面。
