-
HTML海报排版需用CSS控制视觉权重、留白与层级；应采用flex+aspect-ratio实现自适应比例容器，图文分层依赖z-index与position，响应式按场景而非分辨率断点，字体行高须手动锁定并显式声明中文字体栈。
-
使用justify-self:center和align-self:center可解决CSS网格中图标与文字居中问题，前者控制水平居中，后者控制垂直居中，需确保父容器设为display:grid且子元素无其他样式干扰。
-
HTML5shiv是一个JavaScript库，用于在IE8及更早版本中支持HTML5语义标签；它通过动态创建元素并添加CSS规则，使旧版IE能识别、渲染<section>、<article>等标签，并确保DOM操作有效。
-
Proxy是用于拦截并自定义对象基本操作的构造器，通过handler（含get、set、has、ownKeys等trap）与target构建代理层，实现响应式、校验、日志等高级功能。
-
.container.item比.container-item慢，因前者需从右向左匹配所有.item并逐个回溯祖先是否含.container，而后者为单类名哈希查找、无回溯；BEM等扁平命名本质是绕过层级匹配而非仅规范命名。
-
CSS本身不支持JSON变量或export语法，:export是CSSModules构建时提取键值对为JS对象的特性，非运行时CSS变量；它不支持嵌套、数组、外部JSON导入，与CSS自定义属性无关。
-
根本解决FOUC需在<html>或<body>加内联opacity:0样式并等CSS加载后移除，避免仅用<style>预设、visibility:hidden或!important覆盖；推荐criticalCSS提取、media="print"加载或SSR下data-hydrating锁定。
-
点击“查看更多”无反应，需检查是否漏写event.preventDefault()；数据为空时按钮仍显示，应优先依据后端has_more等分页字段而非仅判断data.length。
-
Astro支持直接使用.html文件作为页面路由，需置于src/pages/下，不编译、无hydration；支持内联script/style，但不解析import；插入HTML字符串须用set:html，不可用于用户输入；无样式隔离与脚本优化。
-
<p>data-*属性必须用短横线分隔，不能用驼峰；dataset是只读的DOMStringMap，修改需用setAttribute()；获取值恒为字符串，需手动类型转换；含下划线等非法字符或需保留空白时应使用getAttribute()。</p>
-
HTML和JavaScript均无法直接调用或访问TPM安全芯片，HTML无硬件访问能力，JavaScript受浏览器沙箱限制且无原生TPM接口，WebCryptoAPI不依赖TPM，远程认证需后端支持，主流浏览器未提供TPM桥接通道。
-
使用Bulma的间距类可统一表单元素间距，推荐为.field添加mb-4等一致类名，通过my、mx等辅助类控制外边距，结合box或flex布局增强结构，全局约定mb-3/mb-4及mt-5用于按钮，保持设计一致性。
-
本文讲解如何修复待办事项列表中因删除按钮（×）干扰导致的重复校验失效问题，通过精准提取任务文本内容实现可靠去重。
-
slice分页核心是用(page-1)*pageSize和Math.min(start+pageSize,arr.length)计算索引直接slice取数，需校验输入、防越界、保持不可变性。
-
HTML预加载需以资源优化为前提，否则会抢占带宽、浪费资源；必须配合体积压缩、HTTP/2+与缓存策略，且URL须完全一致。
