-
本文详解克隆网站时CSS不生效的常见原因（尤其是跨域字体加载失败），并提供Apache环境下通过CORS配置解决Web字体阻塞的完整方案。
-
触发回流的操作包括：读取offsetTop等布局属性、增删可见DOM节点、修改影响盒模型的CSS属性、className或style变更；避免多次回流需批量操作，如用className切换、先读后写、documentFragment缓存、优先使用transform/opacity。
-
深色背景下文字发灰因对比度不足，需用LCH色空间按背景L值+55确定文字亮度，再转RGB；可用color-mix(inlch)动态混合提亮，并用工具实测对比度，避免小字号细字体导致可读性差。
-
PHP代码需在服务器环境中执行，不能直接通过浏览器打开HTML文件运行。必须将文件放在支持PHP的服务器（如XAMPP、WampServer）中，以http://localhost/访问；或使用VSCode的PHP插件启动内置服务器；也可上传至远程PHP主机通过域名访问；同时确保文件为.php后缀并正确嵌入PHP语法，如<?phpecho"HelloWorld";?>，以便解析执行。
-
WebWorker在独立线程运行，内存隔离，不阻塞主线程；不能访问DOM或全局对象，通信需通过postMessage/onmessage序列化；须同源JS文件，路径相对HTML；DevTools在Sources→Workers查看；模块Worker需type="module"，禁用importScripts()。
-
HTML5通过内联<svg>标签实现SVG动画，而非<img>引用；需用CSS/JS控制内联SVG的DOM元素，避免SMIL兼容性问题，注意内联、显示状态和容器溢出等上下文陷阱。
-
使用百分比宽度可实现响应式布局，元素宽度随父容器变化，配合box-sizing:border-box和媒体查询优化，适用于栅格系统、图片容器等场景。
-
HTML5读作"aitch-tee-em-elfive"，其中H、T、M、L分别发音为aitch、tee、em、el，数字5读作five，不可连读为单词或全称，正确读法符合技术术语标准，类似CSS3、ES6等。
-
position:absolute导致进度条拖动失效，因脱离文档流后若父容器未设position:relative，则相对于body定位，使鼠标事件坐标与滑块位置错位。
-
推荐使用LiveServer插件运行HTML文件，安装后右键“OpenwithLiveServer”即可在浏览器中实时预览，支持自动刷新；也可右键文件用系统浏览器直接打开（file://协议），适合临时查看；还可通过终端使用npxserve或npxhttp-server启动本地服务器预览，更贴近真实部署环境。
-
用display:block可强制行内元素独占一行，不改变HTML语义；white-space:pre-line仅处理文本内换行符，不影响元素布局；推荐用flex-direction:column统一控制子元素垂直排列。
-
在Nuxt3+@nuxtjs/i18n中，于defineNuxtRouteMiddleware内直接调用useLocalePath()会触发警告；应改用nuxtApp.$localePath()访问i18n工具函数，以确保路由解析准确、避免状态不一致。
-
模块联邦是Webpack5实现微前端的核心技术，支持运行时动态共享模块。通过ModuleFederationPlugin配置宿主与远程应用，实现按业务域或团队拆分子应用，结合shared设置避免依赖重复加载，提升独立部署与复用效率。
-
本教程详细介绍了如何利用jQuerySimpleLightbox插件，将从数据库动态加载的图片以优雅的弹窗形式展示，而非直接跳转页面。文章涵盖了必要的CSS和JavaScript库引入、HTML结构调整以及Lightbox插件的初始化配置，旨在帮助开发者实现响应式且用户友好的图片预览功能。
-
前端埋点通过在交互节点插入代码采集用户行为数据，主要分为代码埋点、可视化埋点和无痕埋点三类；通过JavaScript监听事件并上报数据，常用sendBeacon确保数据送达，结合data-track属性实现自动采集，需注意性能优化、数据脱敏、字段规范及小流量验证，以保证准确性与可维护性。
