-
JavaScript展开运算符（...）用于将可迭代对象（如数组、字符串、Set等）展开为独立元素，在函数调用中替代apply()，支持与普通参数混合使用，但必须位于实参列表末尾。
-
响应式浮动布局通过float与mediaqueries实现多设备适配：默认移动端堆叠（width:100%，float:none），平板（≥600px）两列（50%宽度，float:left），桌面（≥900px）三列（33.33%宽度，float:left），需用overflow:hidden或伪类清除浮动以防止父容器塌陷，结合百分比宽度和断点控制确保布局稳定。
-
<p>PostCSS是一个通过JavaScript转换CSS的工具，利用插件如Autoprefixer自动添加浏览器前缀；它基于AST解析，支持未来CSS特性、压缩格式化及错误检测；Autoprefixer依据CanIUse数据库和项目中browserslist配置的目标浏览器范围，自动为需兼容的属性添加-webkit-、-moz-等前缀；通过安装postcss和autoprefixer，创建postcss.config.js引入插件，并在package.json中设置browserslist
-
开启保存时自动格式化并选择Prettier为默认工具，可实现HTML代码自动对齐；通过设置“Editor:FormatOnSave”、安装Prettier扩展及配置规则如缩进和引号，确保代码整洁。
-
HTML<details>标签可实现基础折叠/展开，但IE全系不支持，Edge12–18无动画且toggle事件不可靠，旧版Safari（≤15.4）嵌套渲染异常；手动绑定onclick会破坏可访问性、键盘支持和事件监听，正确做法是监听toggle事件；max-height过渡需动态读取scrollHeight避免跳变；手风琴效果须JS管理open状态并防抖处理。
-
HTML不计算热度，仅负责展示；热度由后端或JavaScript基于浏览、点赞、评论及时间衰减等加权计算，再通过textContent安全注入DOM，CSS仅作视觉反馈，需注意时区一致性和XSS防护。
-
必须返回404状态码；仅展示错误内容而返回200会导致搜索引擎误判为有效页，损害SEO。需用curl-I或Network面板验证响应头为“HTTP/1.1404NotFound”，并确保HTML中title含“404”、主内容用<main>、链接用绝对路径且可访问。
-
垂直居中用align-items:center（flex）或place-items:center（grid）；父容器须设display:flex/grid和明确高度（如min-height:100vh），否则居中失效。
-
应避免滥用<hr>，它仅适用于主题段落间的语义分隔；多数视觉分隔需求应使用<divclass="divider">配合CSS实现，兼顾样式可控性、可访问性与暗色模式支持。
-
FOIT指字体加载时文字空白，FOUT指先用系统字体再替换；默认font-display未设导致浏览器策略不一，swap最常用但需控制字体度量差异，preload关键字体可缩短swap窗口，自助托管比第三方服务更可控。
-
style属性仅支持内联声明块，即property:value;格式，不支持伪类、伪元素、媒体查询、@规则、选择器或注释；其特异性为1000，优先级最高，会覆盖外部CSS及!important。
-
IE条件注释仅在IE5.5–9中有效，是微软私有语法，用于为旧版IE加载补丁；IE10+已移除支持，现代浏览器完全忽略，应改用JavaScript特征检测等替代方案。
-
v-pre不提升编译速度，仅跳过指定元素及子节点的编译，原样输出HTML；适用于纯静态内容如示例代码、第三方HTML等，不可用于含响应式语法的区域。
-
exports字段需配置为对象，顶层键以.开头，用import/require条件区分ESM与CJS入口，配合type:"module"及main/module兼容字段实现双重入口。
-
写屏障解决年轻代GC漏标老年代指向年轻代引用的问题，通过在老→年写操作时标记对应卡表为脏，配合记忆集实现高效跨代引用追踪。
