-
justify-content在Grid容器中不起作用，是因为容器未设置display:grid（或inline-grid）；它控制整个网格在行内轴上的对齐，而justify-items控制单元格内容对齐，二者作用域不同。
-
JavaScript的Date.prototype.getMonth方法返回的是0到11的月份值，需加1才能得到实际月份。1.getMonth()返回0-indexed值，1月为0，12月为11；2.获取当前或指定日期的月份时需注意时区问题；3.使用数组映射或Intl.DateTimeFormat将数值转为可读月份名；4.getMonth()基于本地时区，getUTCMonth()基于UTC时间，根据业务需求选择使用。
-
推荐用display:flex实现横向列表，只需在ul上设置display:flex即可自动横向排列，支持响应式、等距对齐；float方案需手动清浮动且兼容性差，仅适用于IE8/9等老旧环境。
-
includes比多个||更可靠，因其严格相等、支持NaN、逻辑集中；改写为constvalidColors=['red','blue','green'];if(validColors.includes(x)){...}；注意字符串和类数组需分别处理，大数组高频查询建议用Set。
-
CoreWebVitals由浏览器根据真实用户行为计算，HTML仅是影响因素之一；<linkrel="preload">可加速LCP关键资源加载，width/height和decoding="async"有助于防控CLS，而过度内联CSS反可能延迟FCP。
-
grid自动排列留空是因为跨越轨道的项不触发回填，后续项按源顺序和当前行剩余空间推进；启用rowdense或columndense可密集填充空位，但会破坏DOM与视觉顺序一致性。
-
type="email"不可信，因其仅按RFC5322极小子集校验，放行user@domain..com等无效格式，且存在兼容性问题；需JS补强+后端兜底三层验证。
-
HTML页面乱码主因是编码声明与文件实际保存编码不一致，需确保编辑器保存格式、<metacharset>标签、HTTP响应头三者统一为UTF-8且无BOM。
-
使用容器和CSS实现HTML视频响应式布局，通过设置宽度百分比、height:auto及padding-bottom维持16:9比例，结合媒体查询优化小屏显示，确保视频自适应不同设备。
-
使用:link和:visited可设置超链接不同状态样式，1.:link定义未访问链接如a:link{color:blue;}，2.:visited定义已访问链接如a:visited{color:purple;}，需注意浏览器隐私限制，3.按LVHA顺序（:link、:visited、:hover、:active）书写避免覆盖，提升导航体验。
-
本文详解克隆网站时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()。
