-
Flexbox适合组件内一维布局，Grid才是整页骨架的正确选择；二者应分工协作：Grid划分区域，Flex负责区域内元素对齐。
-
熊猫直播HTML5播放器可通过三种方式启用：一、网页端执行Cookie指令强制切换；二、禁用Flash插件并更换现代浏览器；三、URL添加?html5=1参数直连HTML5页面。
-
transition对left+width失效是因为二者默认不触发重绘或合成层提升，且left需父元素设position:relative才生效、width在inline元素上无效；应改用transform:translateX()和scaleX()实现高性能平滑动画。
-
本文详解如何利用Tailwind的justify-between工具类，在Flex容器中将两个子元素分别精准定位至父容器的最左端和最右端，避免常见类名误用（如justify-start/justify-end单独使用无效），并提供可直接运行的代码示例与关键注意事项。
-
加padding是让内容离边框远，加margin是让盒子整体离其他盒子远；按钮文字贴边应加padding因属内容与边框关系，margin无效且可能引发布局错位。
-
固定布局通过设置固定宽度和margin:0auto实现居中，常用于精确控制页面结构。典型宽度如960px、1200px需根据设备适配选择，但存在小屏溢出、大屏留白等问题，影响响应式体验。建议结合max-width和媒体查询优化，适用于排版要求高的场景或非移动端项目。掌握其核心是理解width与居中机制，并权衡现代多设备兼容需求。
-
Grid能减少页面嵌套：通过grid-area直接定位子元素、justify-self/align-self控制单个项对齐、subgrid复用父网格，避免仅为布局而添加的无语义容器，推动先语义后布局的设计思维。
-
ThemifyBuilder图片模块对齐失效主因是CSS优先级冲突，需检查父容器样式、Flex布局影响及响应式断点设置，并通过自定义CSS类精准控制。
-
动画重复触发异常主因是animation-iteration-count与animation-fill-mode配置不当，或与JS事件、:hover等叠加导致重播；应显式设iteration-count、慎用fill-mode、避免监听器重复绑定，并优先使用animate()API精确控制。
-
微前端是运行时集成多个独立前端应用的架构模式，核心在于JS生命周期管理、样式隔离、路由同步与通信机制，而非HTML容器本身。
-
navigator.sendBeacon是“最后一眼”日志唯一可靠选择，因其被规范明确保证页面卸载后仍尽力发送，不阻塞流程、不依赖事件循环，且兼容主流现代浏览器；但仅支持POST，payload须为Blob/FormData等合法类型，不可直接传字符串或JSON对象。
-
树形展示必须用JavaScript控制展开逻辑，纯HTML的ul/li无法实现交互式折叠；details/summary仅适用于单层简单场景；真实项目应采用轻量JS+CSS类名驱动，并完善键盘导航与无障碍支持。
-
JavaScript调用RESTAPI应使用fetch+async/await，手动检查response.ok或status，try/catch捕获异常；封装apiClient统一处理token、序列化、超时及错误；UI需响应加载、错误、空状态；URL应常量化管理。
-
JavaScript正则匹配核心是test()判断存在性、match()/exec()提取内容；优先用includes()/indexOf()替代；注意转义特殊字符、标志作用及贪婪控制。
-
Promise有pending、fulfilled、rejected三种状态，状态一旦改变不可逆；2.通过then方法注册回调并返回新Promise实现链式调用；3.回调异步执行，使用queueMicrotask模拟微任务；4.resolvePromise函数处理then返回值，若为Promise则递归解析，否则直接resolve；5.需防止循环引用和多次调用，确保错误冒泡。
