-
text-overflow:ellipsis仅对块级或明确设宽的内联块元素生效，需同时满足white-space:nowrap、宽度限制及溢出条件；原生不支持多行省略，WebKit私有属性存在兼容性限制，Flex中需设min-width:0才能触发。
-
HTML性能优化不直接计分但影响FCP、LCP、CLS等核心指标；改img的loading="lazy"和decoding="async"可减少主线程阻塞、避免布局偏移，需配width/height；preload须慎用，仅限字体、关键CSS、hero图等高优且无法自动发现的资源，并严格指定as和crossorigin；关键CSS应精准内联首屏必需规则，避免全量或含@import/@font-face，超14KB时分段异步加载；优化本质是理解浏览器渲染流水线，而非盲目压缩或加属性。
-
弹窗焦点管理需手动实现：打开时用requestAnimationFrame聚焦首个可交互元素，关闭时恢复触发元素焦点并校验其存在性，Tab导航需循环控制，inert属性需兼容降级。
-
HTML表单无法直接实现区块链存证，必须通过后端服务将表单数据的哈希值写入区块链，1.首先前端收集数据并提交至后端，2.后端进行数据校验、标准化后使用SHA-256等算法生成哈希值，3.再通过区块链SDK构造并签名交易，将哈希值上链，4.最终利用区块链的密码学哈希链、分布式共识和时间戳机制确保数据不可篡改，同时通过链上哈希与原始数据比对实现可验证性，5.敏感信息应避免直接上链，可结合IPFS或Arweave等链下存储方案，将数据指纹上链以兼顾隐私与永久性，6.技术栈选择需权衡去中心化、成本与性能，公共链适
-
下划线需用独立元素（如span）置于导航容器内并绝对定位，通过JS监听mouseenter/mouseleave及touchstart/focus事件，结合getBoundingClientRect计算位置，配合transform和width的transition实现平滑跟随。
-
后代选择器通过空格分隔父元素和子元素标签名，如divp可选中div内所有p元素，无论嵌套层级。语法为“父代后代”形式，如divp{color:blue;}，应用于文章内容、侧边栏等区域的独立排版控制，例如.article-contentp设置行高与间距，.sidebarp定义颜色与字号。为避免样式污染，建议使用语义化类名（如.post、.card）并组合类选择器（如.content-box.text），减少对标签选择器的依赖，提升样式的可维护性与精确度。
-
会，纯CSS的transform和opacity动画走GPU合成层，CPU占用低；而JS频繁修改top/left或触发layout会导致重排，CPU飙升，尤其在低配设备或复杂DOM下。
-
conic-gradient用于创建围绕中心点旋转的圆弧形渐变，适合饼图、颜色轮等设计。其语法为background:conic-gradient(from角度at位置,颜色停靠点)，支持精确角度控制和repeating-conic-gradient实现重复图案，常配合background-size等属性制作棋盘格等纹理。与linear-gradient（线性）、radial-gradient（径向）不同，conic-gradient沿圆周变化颜色。现代浏览器支持良好，可用@supports做兼容处理，静
-
直接上手做比学完所有CSS更有效，核心是实现头像、昵称、动态、点赞按钮的清晰可维护结构；用flex布局（column+嵌套flex）控制卡片流，box-sizing:border-box防溢出，avatar需固定宽高+aspect-ratio或object-fit:cover确保圆形，按钮必重置border/background并设cursor:pointer。
-
TypeScript高级类型通过交叉、联合、条件、映射及递归等特性，实现灵活的类型组合与逻辑判断，提升代码安全性与复用性。
-
移动端:active伪类在真机不触发是因浏览器未激活，需加cursor:pointer、touchstart事件或role="button"+tabindex="0"；必设touch-action:manipulation消除延迟，并配合transition与-webkit-tap-highlight-color:transparent。
-
函数柯里化是将多参数函数转换为单参数函数链，如curriedAdd(1)(2)(3)；偏应用是固定部分参数生成新函数，如partial(multiply,2)(3,4)。两者均提升复用性，但柯里化强调逐步求值，偏应用侧重预设参数。
-
::first-letter仅对块级容器内首个字母或标点生效，要求父元素为block/inline-block，禁用flex/grid；支持font-size、float等装饰性样式，禁用margin（除左右）、width/height、position；中文需确保无前置空白、使用合适字体。
-
:nth-child(3n+1)选择DOM序号为1、4、7…的元素，与视觉排列无关；其生效需满足HTML线性、列数固定、无隐藏/插入元素等条件，否则易错位；可靠方案是用Grid定位而非依赖序号。
-
<time>标签必须设置符合ISO8601标准的datetime属性（如2026-04-17或2026-04-17T04:38:00+08:00），否则退化为普通容器，导致结构化数据失效、屏幕阅读器无法识别、插件无法提取时间。
