-
可利用HTML5的CanvasAPI和FileAPI实现本地图片裁剪：一、手动绘制裁剪区域；二、集成Cropper.js库；三、用clip()实现非矩形裁剪；四、结合createObjectURL优化大图预览与裁剪精度。
-
移动端fixed导航被软键盘顶起的本质是视口高度收缩导致定位异常，解决思路是避开键盘区域或改用稳定定位；优先使用env(safe-area-inset-bottom)并配合viewport-fit=cover实现动态适配。
-
JavaScript设计模式是应对项目复杂度的稳定器，解决对象创建混乱、状态联动失控、条件分支爆炸三类痛点，常用模式包括工厂、单例、观察者、策略和模块模式，适用中大型项目以提升稳定性与可维护性。
-
表单控件使用absolute错位是因缺少定位上下文，需为父元素设置relative以创建定位容器，使absolute元素相对于父级精确定位，适用于下拉框、图标、提示气泡等场景。
-
<p>使用CSSFlexbox制作图片墙需设置父容器display:flex和flex-wrap:wrap，通过gap或margin控制间距。1.父容器启用换行并推荐使用gap统一间距；2.子项设置flex:00calc(33.333%-20px)实现三列布局，配合margin和box-sizing避免宽度溢出；3.结合媒体查询调整不同屏幕下的flex比例，实现响应式；4.现代布局建议用gap替代margin，简化样式处理。</p>
-
首先确认文件目录结构与路径写法是否匹配，常见情况包括根目录同级引用、子目录引用和上级目录引用；接着检查HTML中link标签的href属性，确保拼写、大小写、斜杠方向正确，避免多余的“../”或误用绝对路径；然后利用浏览器开发者工具的“网络”选项卡查看CSS请求是否返回404错误，并通过“RequestURL”定位实际请求地址；最后根据项目阶段选择相对路径或绝对路径，开发时用相对路径，上线后按部署结构调整为绝对路径，结合工具验证即可解决路径引入问题。
-
ReactRouter是React应用实现客户端路由的核心库，通过路径与组件映射实现无刷新跳转；v6+推荐createBrowserRouter+RouterProvider初始化，用Link和useNavigate导航，Outlet支持嵌套路由与布局复用。
-
JavaScript执行上下文是代码运行的环境容器，分全局、函数、eval三类，创建时经历“创建阶段”（建作用域链、变量对象、确定this）和“执行阶段”（赋值、初始化、执行语句），由执行上下文栈按LIFO管理。
-
标签模板字面量是JavaScript中可编程的字符串构造机制，通过函数拦截模板解析，支持XSS防护、i18n、CSS-in-JS等场景，将字符串生成权交予开发者。
-
在HTML5中实现多空格或调节字符间距，应使用不可折叠空格（如 ）、CSS的letter-spacing、padding/margin、white-space属性或伪元素；普通空格会被浏览器合并，无法直接生效。
-
页面元素动态显隐的核心是合理选择display、visibility或opacity属性配合JavaScript逻辑。display彻底移出/恢复布局流，visibility保留占位但不可见，opacity支持过渡动画；推荐用CSS类切换替代内联样式以提升可维护性与性能，并注意DOM操作优化如缓存引用、批量更新和读写分离。
