-
太极图纯CSS实现需用conic-gradient或双半圆叠加配合border-radius:50%，伪元素小圆须父容器position:relative+inset定位，强制background-clip:padding-box保边缘清晰。
-
掌握浏览器开发者工具是解决JavaScript问题的关键。首先使用Console面板查看错误信息和日志，定位报错文件及行号；接着通过Sources面板设置断点或插入debugger语句实现逐行调试，观察变量值与调用栈；利用Network面板确认JS文件是否成功加载，排除404问题。常见问题包括变量未定义（检查声明与拼写）、异步执行混乱（用console打点或async/await优化）、DOM未就绪即操作（应绑定DOMContentLoaded事件）以及类型错误（调用前需判断对象是否存在）。配合conso
-
在React项目中，.js和.jsx文件扩展名本身不改变运行时行为，但影响工具链识别、语法高亮、IDE支持及团队约定；现代构建工具（如Vite、Webpack、Next.js）普遍支持JSX语法在.js文件中直接使用，但明确使用.jsx更具语义性和可维护性。
-
JavaScript操作NFC主要通过WebNFCAPI实现，需在HTTPS安全上下文下由用户手势触发，使用NDEFReader对象读写NDEF格式数据；2.读取标签需创建NDEFReader实例，监听onreading事件并调用scan()方法；3.写入数据通过write()方法将包含文本、URL等记录的消息写入标签；4.可调用makeReadOnly()方法将标签设为只读；5.该API不支持低级APDU命令、NFC卡模拟、点对点通信及后台扫描；6.浏览器支持有限，主要适用于Android的Chrome
-
transform:translateY()是卡片悬停升起的唯一靠谱方案，因不触发重排、仅合成，配合transition和多层box-shadow可实现顺滑立体浮起效果。
-
<inputtype="color">的默认值必须显式设置为合法7位或4位十六进制色值（如#RRGGBB），否则浏览器回退至不可靠的系统默认色；其value始终返回小写7位十六进制字符串（如#ff6b35），不支持缩写、命名色或透明度；iOSSafari15.4前不支持，15.4+需避免appearance:none等CSS干扰；兼容旧浏览器应结合JS检测并降级为带校验的文本输入。
-
Vitest比Jest更轻量、启动快、原生支持ESM/TS，新项目优先选；Jest适合大型遗留项目；测试应从纯函数、条件工具函数、逻辑明确的hook入手，避免过度mock；注意模块mock写法、异步测试await处理及React环境配置。
-
ES6原生不支持static声明静态属性，仅支持静态方法；静态属性需类外赋值（如ApiClient.VERSION='1.2.0'）或使用实验性类字段语法（staticprop=value，需转译）。
-
浮动元素使父容器高度塌陷是因为其脱离文档流，父容器无法感知其高度；正确清除方式包括伪元素法（需content+display+clear）、overflow隐藏或display:flow-root，而非在父容器设clear:both。
-
本文揭示JavaScript中Blob构造函数对不同类型数组（普通数组vs.TypedArray）的处理机制差异，解释为何嵌套Uint8Array的普通数组会导致意外的Blob大小，并提供高效内存使用的正确实践。
-
推荐用@mixintypography($size,$weight,$lh)封装字体样式，以rem为单位、无单位行高、语义化字重变量，兼顾响应式、可维护性与无障碍；CSS变量适合动态主题，Sassmixin更适合设计系统约束与兼容性保障。
-
place-content只对多行（或多轨）网格容器生效，控制轨道组在块轴和内联轴的对齐，需显式定义多行或内容撑出多行才能触发；单行时无效。
-
HTML5中清除浮动的五种方法：一、空标签加clear属性；二、父容器设overflow触发BFC；三、伪元素::after清除法；四、display:flow-root创建BFC；五、flex布局替代浮动。
-
:active伪类可实现按钮点击反馈，需配合transform缩放或位移、transition动画及移动端兼容处理，避免无响应或样式卡顿。
-
用<table>制作多商品参数对比表最稳妥，因其语义准确、无障碍友好、响应式与打印表现佳；须用<thead>+<th>表头、scope属性明确行列关系，并通过max-width、text-overflow和word-break控制长文本，小屏改用垂直卡片布局，禁用border-collapse:collapse而用border-spacing分隔商品。
