-
Chrome和Edge中用::-webkit-scrollbar自定义滚动条仅限Chromium内核浏览器，需组合使用track和thumb伪元素；Firefox仅支持scrollbar-width和scrollbar-color两个属性调色；body上设置常失效，应优先作用于html元素。
-
合理组织DOM操作可显著提升性能。1.缓存DOM查询结果，避免重复访问；2.批量读取属性并移出循环处理；3.使用DocumentFragment批量插入节点，减少重排次数；4.避免修改样式后立即读取布局信息，防止强制同步布局；5.采用事件委托降低监听器数量，提升动态元素管理效率。
-
使用百分比宽度和媒体查询实现响应式卡片布局，结合flexbox、max-width、viewport标签等优化适配移动端，确保在不同屏幕尺寸下正常显示。
-
<link>标签是HTML中引入外部CSS的唯一标准化方式，必须写rel="stylesheet"才能生效，需置于<head>内、使用可解析的相对路径，禁用@import以避免性能与兼容性问题。
-
fixed元素受包含块影响，当父元素设置transform、filter等属性时会脱离视口定位；解决方法包括将fixed元素移至body下、使用Portal技术或调整父级样式以避免创建新包含块。
-
aspectRatio约束在移动端浏览器（尤其是iOSSafari和部分Android浏览器）中普遍不被支持或被忽略，因其底层摄像头硬件限制；实际可行方案是通过显式指定width/height范围约束替代，并结合设备方向与分辨率适配策略。
-
background-image不阻塞HTML解析和DOM构建，但会阻塞load事件，并可能延迟首次绘制导致“闪白”；需通过<linkrel="preload">单独预加载、image-set()或媒体查询响应式加载、伪元素+IntersectionObserver懒加载来优化。
-
JavaScript事件循环是单线程下异步任务调度的核心机制，由调用栈、宏任务队列和微任务队列协同工作；每轮执行一个宏任务后清空全部微任务，故Promise.then总先于setTimeout执行。
-
HTML转PDF字体丢失的根本原因是@font-face加载失败、PDF工具不支持远程字体且仅认本地.ttf/.otf文件；weasyprint需同目录.ttf+正确声明，wkhtmltopdf须系统安装字体并匹配家族名。
-
首先确保JQuery库正确引入，使用CDN或本地文件并在script标签中加载；接着将JQuery代码置于$(document).ready()中以保证DOM加载完成；可直接在HTML的body底部嵌入script标签编写代码，或通过外部.js文件引入并确认路径正确；最后通过console.log和样式修改测试JQuery是否生效。
-
用CSS的border属性加边框最直接；outline适合不占布局空间的描边；圆角需border-radius配合border；响应式边框优先用em/rem等相对单位。
-
pushState在历史栈中新增一条记录，replaceState用新状态覆盖当前记录；两者均不刷新页面、仅同源生效，且第三个参数title被多数浏览器忽略。
-
用transform:scaleX(-1)可实现背景图左右翻转，但会连带翻转内容；若仅翻背景，应使用伪元素方案：将background-image移至::before，对其应用scaleX(-1)，并设position:absolute、四方位定位及z-index:-1。
-
Promise链是通过.then()方法串联多个异步操作，确保依次执行并传递结果，例如fetch用户数据后请求其文章，每步返回值或Promise供下一步使用，错误由末尾.catch()统一捕获，需避免断链陷阱如忘记returnPromise。
-
本文详解PHP+HTML文本转二进制脚本无法执行的常见原因（如文件扩展名错误），并提供可直接运行的完整修复代码、部署要点与安全建议。
