-
AstraDB提供原生JSONAPI，支持在存储结构化JSON文档的同时，为字段嵌入向量（$vector），并直接通过近似最近邻（ANN）查询实现语义搜索，无需额外向量数据库。
-
box-shadow四个值依次为水平偏移、垂直偏移、模糊半径和颜色；漏掉颜色或调换后两值位置会导致失效或异常；模糊半径不能为负；配合transform和多层阴影可提升真实感，但需注意Safari兼容性。
-
手风琴效果不必强制使用details元素，但details+summary是最稳妥方案，原生支持展开/收起、键盘操作与屏幕阅读器语义，无需JS；多开为默认行为，单开需少量JS实现；动画应避免max-height:none，推荐设固定较大值（如600px）。
-
HTML和CSS无round函数，必须用JavaScript实现；Math.round()仅支持整数四舍五入且负数按向正无穷取整，保留小数需手动缩放，严格四舍五入应避免toFixed()的银行家舍入。
-
template.content是唯一能取到模板内容的只读属性，返回DocumentFragment；必须用cloneNode(true)或importNode克隆后才能复用，且需手动绑定事件、设置表单状态。
-
Flex容器中margin-bottom不撑高父容器并非外边距合并，而是align-items:stretch默认行为所致：子元素无明确高度且内容少时底边“浮”在基线附近，margin-bottom未参与布局计算；gap是更优解，因其为Flex/Grid原生间距机制，不塌陷、不解耦、语义准确，现代浏览器已全支持。
-
使用CSSMediaQuery可实现响应式布局，1.通过@media规则根据屏幕宽度设置断点适配不同设备；2.可检测方向、分辨率等特性精细控制样式；3.推荐移动优先策略，先定义小屏样式再逐步增强；4.建议用em单位、添加viewport标签并保持断点简洁，结合Flexbox或Grid布局提升适配效果。
-
initial-letter在Chrome/Firefox中不生效，是因为浏览器尚未原生实现该属性：Chrome119+需手动开启实验标志才支持，Firefox至今完全不支持，AndroidWebView及旧版Safari亦无实现。
-
AdobeAnimate是官方推荐的Flash转HTML5工具，支持.fla文件直接发布为HTML5Canvas；GoogleSwiffy离线版可转换简单SWF；复杂AS3动画需手动用HTML5+CSS3+JS重制。
-
用<table>制作多商品参数对比表最稳妥，因其语义准确、无障碍友好、响应式与打印表现佳；须用<thead>+<th>表头、scope属性明确行列关系，并通过max-width、text-overflow和word-break控制长文本，小屏改用垂直卡片布局，禁用border-collapse:collapse而用border-spacing分隔商品。
-
必须用<article>包裹商品卡片，因其语义表征独立可复用内容单元；标题用<h3>，价格用<strong>或带aria-label的<span>，图片必设alt，规格参数用<dl>，交互按钮用<buttontype="button">，图片懒加载统一加loading="lazy"。
-
jQuery已过时，因现代浏览器全面支持ES2015+和原生DOMAPI，document.querySelector、classList、fetch等性能更高且无副作用，旧写法须立即替换为原生等价实现。
-
不能直接复用。@import仅同步加载CSS文件，无作用域隔离、无法传参配置栅格列数、类名全局冲突、不支持条件编译，本质是文件拆分而非组件化复用。
-
装饰器是JavaScript中用于修改类、方法等行为的语法特性，本质为声明式函数，需Babel或TypeScript支持；可用于日志、权限校验等场景，分装饰器类型及执行顺序需注意兼容性。
-
多行文本框的高度自适应内容可以通过JavaScript实现。具体步骤如下：1.使用addEventListener监听input事件，动态调整高度；2.优化性能时，可使用debounce或throttle限制事件触发频率；3.考虑兼容性和样式问题，设置min-height和max-height，并使用flexbox或grid管理布局；4.为用户体验，达到一定高度后可显示滚动条。
