-
HTML文件不能保存图片，只能用<img>标签引用图片；路径必须匹配物理位置：同目录写“photo.jpg”，子目录写“images/photo.jpg”，禁用本地绝对路径；Python生成时需确保src路径与HTML文件相对位置正确。
-
border-radius用于控制元素边框曲率，值越大弧度越缓，50%时正方形变圆、长方形变椭圆；它不影响布局流，仅作用于渲染层，需配合overflow:hidden裁剪内容，注意与border、background-clip协同及CSS变量使用限制。
-
在Handlebars模板中，无法直接在{{#if}}辅助器中使用&&运算符（如{{#ifitem_link&&item_value}}），需通过预处理数据或使用自定义辅助器实现双变量联合判断与安全渲染。
-
CSS文件增多导致维护困难的核心原因是样式作用域混乱与全局污染，应采用CSSModules按组件拆分并统一入口导入，配合CSS自定义属性管理主题变量，避免原子类滥用。
-
position:fixed元素右下角固定失效主因是父容器设置了transform、filter或perspective，创建了新定位上下文；应移至body子级或移除相关样式，并注意移动端键盘及滚动场景的兼容处理。
-
卡片翻转不顺畅的根源在于未开启硬件加速、transition未写在默认状态及perspective位置错误；需为父容器设preserve-3d与perspective，翻转元素加backface-visibility:hidden和will-change:transform，并确保transform-origin:center、结构扁平、使用自然贝塞尔曲线。
-
将响应式布局改为固定宽度布局的核心是删除所有流式相关CSS并锁定容器宽度：删掉viewport缩放控制、清除百分比/相对单位、移除媒体查询、覆盖框架容器断点、重置图片iframe的max-width。
-
后代选择器“抓太多”因匹配任意嵌套层级的元素；应优先用子选择器>限定直接子级，再结合语义化类名（如.card>.card-title）实现精准控制。
-
本文详解如何修复CSS打字机动画中光标（caret）超出文本末尾的常见问题，通过合理设置容器宽度与元素布局，确保光标严格停驻在最后一个字符右侧。
-
ES6模块采用静态导入导出，CommonJS使用动态require；2.ES6在编译时加载，支持静态分析，CommonJS运行时加载；3.ES6输出值的引用，CommonJS输出值的拷贝；4.浏览器原生支持ES6模块，Node.js传统支持CommonJS但现也支持ES6。
-
不能。CSS中没有transition-filter属性，需对filter属性本身设置transition；仅blur()、grayscale()、contrast()等部分函数支持平滑过渡，drop-shadow()等不支持，多函数混用易导致跳变。
-
WebSocket连接失败主因是服务端未启动、协议不匹配或浏览器拦截；需核对ws/wss协议、检查Network中101状态码、确保后端正确响应升级请求，并避免file://协议下使用。
-
HTML5播放器无需也不支持Flash回退，因Flash已被主流浏览器禁用且Adobe已停止支持；现代浏览器原生支持video标签及MP4等格式，问题多源于资源路径、编码兼容性、CORS或自动播放策略。
-
复制代码缩进混乱是因换行符（CRLF/LF）和制表符（Tab/空格）在编辑器间不兼容，需统一换行符为CRLF、确认Tab宽度、避免鼠标拖选引入零宽字符。
-
Blob是JavaScript中处理二进制数据的对象，支持通过流式读取分块处理大文件，结合TransformStream可实现高效转换，适用于上传、预览、音视频处理等场景。
