-
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可实现高效转换，适用于上传、预览、音视频处理等场景。
-
JavaScript的Iterator接口是一种统一的遍历协议，其核心是通过实现Symbol.iterator方法使对象可迭代，具体步骤为：1.对象需实现Symbol.iterator方法，返回一个迭代器；2.迭代器必须有next()方法，每次调用返回{value,done}对象；3.done为true时遍历结束，value通常为undefined。例如自定义createRangeIterator函数生成指定范围数字，通过[Symbol.iterator](){returnthis;}让迭代器自身可遍历，
-
先设置border-collapse:collapse避免双线边框，再统一定义table,th,td的border样式；通过调整边框宽度、颜色和类型（如solid、dashed）美化表格，可单独设置th下边框或外边框突出表头。
-
首先通过HTML结构搭建横向滚动容器，再利用CSS的flex布局和overflow-x属性实现滚动功能，接着使用Webkit伪元素自定义滚动条样式，最后考虑兼容性与交互增强。具体步骤包括：1.创建包含滚动内容的容器；2.用flex布局使子元素横向排列并设置溢出滚动；3.通过::-webkit-scrollbar系列伪元素美化滚动条轨道和滑块；4.针对非Webkit浏览器采用降级方案或第三方库提升一致性。关键在于结构清晰、样式可控且兼顾多端体验。
-
flex-grow实现列宽弹性分配需父容器display:flex且子项无固定宽度；flex-grow:1均分剩余空间，与flex-grow:2共存时按2:1分剩余空间；响应式需媒体查询配合flex-direction切换或flex-wrap+flex-basis控制；flex-basis比width更适合因它是初始尺寸可被伸缩；IE11兼容需显式写flex:110px并降级备用样式。
