-
首先获取Canvas上下文并检查支持性，然后使用绘图方法绘制图形，通过requestAnimationFrame实现动画循环。具体步骤包括：1.用getElementById获取canvas元素；2.调用getContext('2d')获取2D渲染环境；3.使用fillRect、arc等方法绘制矩形和圆形；4.设置fillStyle、strokeStyle等属性定义样式；5.在animate函数中利用clearRect清除画布，更新图形位置并重绘；6.调用requestAnimationFrame持续执行
-
Map强引用键对象，阻止垃圾回收，可能导致内存泄漏；2.WeakMap弱引用对象键，允许垃圾回收，适合关联私有数据或缓存，避免内存泄漏。
-
在Svelte中使用splice()赋值给新变量时，常误以为它返回剩余数组，实则返回被删除元素；更关键的是splice()会原地修改原数组，导致images1和images2意外指向同一数据源。正确做法是统一使用不可变操作（如slice()或toSpliced()）。
-
监听窗口大小变化首选matchMedia()，它精准轻量、按媒体查询条件触发；resize事件需节流防卡顿；横竖屏判断应结合screen.orientation，避免仅依赖resize。
-
WebSocket连接失败主因是服务端未运行、URL协议错误（须用ws://或wss://）或网络拦截；onmessage收不到数据多因服务端未send()或前端未JSON.parse()；发送前须确保readyState为1；二进制数据需设置binaryType并注意ChromeDevTools不显示Binary帧。
-
overflow-x:hidden未生效主因是父容器缺宽度约束或子元素white-space:nowrap未配text-overflow:ellipsis；需确保父容器有width/max-width，长单词加word-break，flex子项设min-width:0，移动端慎用user-scalable=no并下沉溢出控制。
-
JavaScript模块化核心是运行时约束而非语法，需按环境（浏览器/Node.js/打包器）匹配工具链与配置：浏览器须用type="module"且路径为URL，Node.js需"type":"module"或.mjs后缀，ESM与CommonJS不可混用，导出导入命名须严格对应，打包器仅掩盖而非消除解析差异。
-
background-size:cover等比缩放图片完全覆盖容器并裁剪多余部分，保持原图比例；100%100%强制拉伸填满宽高，易导致变形。
-
HTML中输入真正空格应优先用CSS布局（如flex）而非空格实体，必须用时选 ，禁用全角空格；CMS输出需防转义，JSON中宜用\u00a0。
-
浏览器不会主动提示背景图片加载失败，仅表现为留白或背景色暴露；应通过校验路径、设置兜底色、用ImageAPI监听或构建工具正确处理资源来预防。
-
JavaScript模块化有ES6（静态、活绑定、编译时加载）和CommonJS（动态、值拷贝、运行时加载）两大体系，二者在加载时机、导出机制、循环依赖处理及环境支持上存在本质差异。
-
1、使用start命令可调用默认浏览器打开HTML文件，需先通过cd命令进入文件目录，再执行startindex.html；2、指定浏览器时需输入完整路径，如"C:\ProgramFiles\Google\Chrome\Application\chrome.exe""D:\myproject\index.html"；3、将浏览器路径添加至系统PATH环境变量后，可在任意位置直接调用浏览器启动HTML文件。
-
flexbox的order属性仅对flex容器的直接子元素生效，需确保父容器设为display:flex/inline-flex且目标元素为其直系子项；order默认值为0，响应式中应显式设置所有参与排序元素的order值以避免顺序错乱；它只改变视觉顺序，不影响DOM和屏幕阅读器顺序，需兼顾可访问性。
-
HTML5推荐用iframe嵌入外部网页，video/audio原生标签嵌入音视频，object仅作遗留资源备用；iframe需注意跨域与沙箱安全，video/audio支持多格式、字幕、自动播放（需静音），object依赖插件且兼容性差。
-
本文介绍在JavaScript中判断字符串是否至少包含一个非空格字符的简洁高效方法，重点推荐使用正则表达式/\S/进行检测，适用于消息发送前的输入校验等场景。
