-
必须先用getContext('2d')获取CanvasRenderingContext2D对象才能绘图，否则调用fillRect等方法会报错；fillRect填充矩形，strokeRect仅描边，二者样式不共享；Canvas尺寸应通过width/height属性设置，而非CSS；动画中需每帧clearRect并合理管理状态。
-
本文介绍两种专业、可靠的方式在Django中实现歌曲下载计数功能：一是通过专用视图拦截下载请求并原子化更新计数；二是利用中间件自动识别下载响应并更新模型字段，兼顾准确性、可维护性与安全性。
-
首先在Notion创建名为“HTML学习库”的表格数据库，将“Name”列重命名为“HTML标签”，接着添加“标签类型”“是否掌握”“最后复习时间”等属性列以结构化管理学习内容；然后在每条记录中通过“/code”嵌入HTML代码示例并添加使用说明；利用筛选功能查看未掌握内容，按类型排序实现高效复习；最后通过导出为PDF或Markdown文件实现跨设备同步学习进度。
-
在HTML表单中添加CSRFToken需后端动态注入隐藏字段<inputtype="hidden"name="csrf_token"value="xxx">，每次请求刷新，Ajax提交时需手动获取并传入body或header，后端校验须恒定时间比对且统一错误提示。
-
clamp()比媒体查询更实用，因其能在单个声明中实现最小值—首选值—最大值的连续缩放，避免离散断点导致的突变；但无法替代媒体查询处理布局质变或display等属性变更。
-
map返回新数组且不修改原数组，长度严格一致；回调函数接收三个参数（值、索引、原数组）；错误会抛出而非静默；应避免与filter混用，性能差异通常可忽略。
-
preload能异步加载CSS是因为它提前触发下载而不阻塞渲染，但需手动插入才能生效；必须写as="style"、路径一致、仅用于关键CSS，并配noscript降级和JS超时兜底。
-
HTML无法直接访问硬件，需通过WebAssembly桥接驱动、WebSocket连接本地代理、WebSerialAPI或Electron桌面应用四种方式实现机械臂通信。
-
white-space:nowrap有时无效，常见原因是父容器宽度不足、Flex/Grid收缩行为干扰、被其他CSS覆盖或未显式设置；它仅忽略换行符和空格的换行作用，仍会合并连续空格，不保留缩进。
-
在Mongoose中，使用$push修改数组后，原文档实例不会自动同步更新；需重新查询数据库才能获取最新数据，否则find()将返回undefined或报错。
-
调整box-shadow的关键是降低模糊半径、减小Y轴偏移、使用低透明度颜色，如02px8pxrgba(0,0,0,0.1)，避免纯黑阴影，采用多层柔和阴影提升层次感与自然度。
-
stopPropagation()用于阻止事件冒泡，需在子元素事件处理函数中调用；它只阻断传播路径，不影响默认行为，与preventDefault()功能不同。
-
CSS-in-JS本身不提供实时计算CSS属性的运行时引擎，其“动态性”本质是将JS计算能力暴露给样式层；关键在于合理组织props、状态与样式函数的调用链，避免在样式插值中触发Hook、耗时操作或强制同步回流。
-
边框设置需协同border-style、border-width、border-color三者，单独设color不声明style会导致边框消失；虚线等效果依赖style取值及width配合；border-radius过大易致边框断裂；表格collapse需table与单元格均设border才生效。
-
HTML5中清除浮动影响的五种方法：一、clear:both插入空元素；二、触发BFC（如overflow:hidden或display:flow-root）；三、伪元素clearfix方案；四、Flexbox替代浮动；五、CSSGrid布局。
