-
Word中HTML图片旋转错乱源于EXIFOrientation字段被误处理，根本解决法是清除该元数据并物理重排像素：用exiftool执行“exiftool-Orientation=1-n-ofixed.jpgoriginal.jpg”，确保Orientation值为1且视觉方向正确。
-
应显式声明需过渡的属性而非使用transition:all；用class切换替代内联样式修改；避免对不支持过渡的属性（如display）直接设动画；按属性特性差异化设置duration与timing-function。
-
首先通过集成jsMind、markmap和GoJS插件在HTML中实现思维导图。jsMind基于JSON数据提供交互式导图，适合本地化部署；markmap将Markdown标题转换为动态导图，适用于轻量写作场景；GoJS支持高级图形建模，具备复杂交互与导出功能，适合专业项目展示。三种方案均需在HTML中引入对应资源并绑定数据容器，最终通过脚本渲染可视化结构。
-
使用伪元素缩放或透明边框配合transition可避免border-width动画跳动。1.通过::before伪元素结合transform:scaleX()模拟边框展开，利用GPU加速；2.预设border-width并用border-color透明度控制显隐，仅触发重绘；3.选用cubic-bezier(0.25,0.46,0.45,0.94)等缓动函数提升流畅度，避免布局重排是关键。
-
纯函数是函数式编程的地基，要求相同输入必得相同输出且无副作用。它提升可测试性、可缓存性、并发安全性，并支持引用透明。
-
filter是JavaScript数组方法，遍历原数组并返回满足条件元素的新数组，不修改原数组；回调函数需返回布尔值，常用参数为当前元素，适用于数字筛选（如n>10）和对象筛选（如u.status==='active'）。
-
用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以防破坏伸缩性。
-
是的，CSS中padding会导致盒子变大，根本原因在于浏览器默认采用content-box盒模型，即width/height仅指内容区尺寸，padding和border额外增加在内容区外。
-
:hover不生效主因是权重不足、被覆盖、元素不可交互或伪类顺序错误；需确保元素有cursor:pointer、:hover写在常规样式后、遵循LVHA顺序，并避免在移动端单独依赖。
-
npminstall后import不生效的主因是模块解析环境不匹配：浏览器原生ESM不支持包名解析，Node.jsESM需.mjs或type:"module"，推荐用Vite等构建工具接管；React生态库如antd需注意编译配置、按需导入插件及CSS显式引入；CDN引入Vue须选对版本并显式解构API；Webpack的require.context行为特殊且不可跨工具迁移。
-
Proxy是JavaScript中拦截对象操作的代理层，只代理对象、不深代理、需手动实现trap；Reflect提供与trap一一对应的标准化方法，确保操作符合JS规范语义。
