-
底部导航栏用fixed定位导致内容被遮挡时，应在主容器设置padding-bottom（非margin-bottom），值为calc(var(--nav-height)+env(safe-area-inset-bottom))，并配合flex布局控制主体高度，避免将导航栏放入flex容器内；sticky不适用于底部固定，因其移动端兼容差、行为不可控；软键盘场景需监听focus/blur或visualViewport动态调整padding，微信WebView中需UA判断兜底。
-
HTML无法直接读取MySQL，必须通过PHP等后端脚本中转：HTML发请求→后端连MySQL→返回JSON→前端渲染；常见问题包括权限配置、扩展未启用、密码认证不兼容及Web服务器未正确解析PHP。
-
使用Flex布局实现整体自适应结构，结合position进行局部精确定位。1.外层容器设为display:flex，侧边栏固定宽度，主内容区用flex:1自适应；2.主内容区设position:relative，内部元素通过position:absolute精确定位，如浮动按钮；3.对于头部固定、侧边栏固定、中间自适应可滚动场景，采用嵌套Flex：外层垂直布局（flex-direction:column），内层水平布局，content区域overflow-y:auto支持滚动；4.注意避免滥用绝对定位，确
-
前端通过fetch获取文件流并创建BlobURL，利用隐藏a标签触发下载；2.后端使用Node.js的Express框架，通过res.download发送本地文件或res.send发送动态生成内容，并设置Content-Disposition响应头以触发浏览器下载；3.对于大文件，采用fs.createReadStream进行流式传输，避免内存溢出；4.跨域时需配置CORS并暴露Content-Disposition头部；5.生产环境应增加权限校验确保安全。
-
Promise是JavaScript中处理异步操作的对象，代表未来完成或失败的结果；具有pending、fulfilled、rejected三种不可逆状态；通过newPromise创建，支持链式调用、错误捕获及Promise.all等静态方法。
-
图文混排不塌陷需用flex布局并清除浮动，头像设flex-shrink:0，文字区域加overflow:hidden；阴影分层靠外阴影+内阴影错开参数；响应式用clamp()和min()控制尺寸；圆角发虚改用clip-path解决。
-
align-content:space-between用于多行弹性或网格容器中，使首行贴顶、末行贴底，中间行均匀分布；需设置容器高度和flex-wrap:wrap以生效，常用于响应式布局。
-
本文详解如何在React中使用PrimeReactSlider实现“仅在鼠标/手指松开时提交最终值”，避免onChange频繁触发导致的冗余请求，通过合理分离状态更新与提交逻辑达成精准控制。
-
JavaScript直接使用HTMLMediaElement原生API控制音视频，需监听loadeddata/canplay后调用play()（返回Promise需catch），通过paused、currentTime、volume、muted、playbackRate等属性控制状态，依赖timeupdate、ended、error、loadedmetadata等事件响应行为，并注意canPlayType兼容性、iOS静音限制及playsinline全屏策略。
-
时间复杂度是衡量算法效率的核心指标，优化可提升性能与体验。1.理解O(1)、O(n)、O(n²)、O(logn)等表示法，识别高复杂度操作；2.减少嵌套循环，如用哈希表将两数之和从O(n²)降为O(n)；3.善用Set、Map及内置方法filter、map等提高效率；4.排序预处理结合双指针可优化查找；5.递归中使用记忆化避免重复计算，如斐波那契数列从O(2^n)降至O(n)；6.权衡时间、空间与可读性，选择最优解。
-
CSS渐变跨浏览器不一致主因是语法不规范、前缀缺失及误用transition作用于background-image；应写全标准语法+必要前缀，避免直接过渡渐变，改用叠层切换、颜色过渡或animation实现动效。
-
浮动元素撑不满父容器时滚动条意外出现的直接原因是父容器设置overflow:auto/scroll且未清除浮动，导致高度坍塌被误判为内容溢出；需用clearfix、display:flow-root等方法建立BFC清除浮动。
-
不确定进度条通过循环动画传达系统正在处理，适用于无法预估完成时间的场景，如网络请求；而确定性进度条显示具体百分比，需明确任务总量与进度。选择取决于是否能可靠估算时间：不可预测时用不确定进度条，避免误导用户。纯CSS可通过@keyframes实现线性滑动或旋转加载器，如利用transform:translateX()创建移动条，或transform:rotate()实现旋转spinner，配合无限循环动画提升用户体验。常见样式包括线性条、旋转圈、跳动点和骨架屏，各适配不同UI需求。
-
本文深入解析useEffect在首次渲染后自动执行的原理，说明为何即使设置了依赖项它仍会立即运行，并提供安全跳过初始执行的实用方案，帮助开发者精准控制副作用触发时机。
-
浏览器原生不支持HTMLinclude，可行方案只有构建时处理、服务端渲染或JS动态加载；静态站点用fetch+insertAdjacentHTML，Vite等构建工具推荐vite-plugin-html或Vue组件复用，禁用iframe和fs.readFileSync客户端读取。
