-
JavaScript实现扫码功能的核心是通过getUserMediaAPI获取摄像头视频流，并结合jsQR、QuaggaJS或ZXing-JS等解码库对视频帧进行实时图像识别与解码，整个过程需在HTTPS环境下运行以确保权限正常调用；首先利用navigator.mediaDevices.getUserMedia()请求摄像头权限并将媒体流绑定到video元素以实现预览，随后通过requestAnimationFrame循环将视频帧绘制到canvas上并提取图像数据，交由选定的解码库进行解析，一旦识别成功即
-
filter引发频繁GC的本质是对象创建激增与生命周期错配导致堆压力失衡，需结合GC日志、Executor内存曲线、Task耗时及JVM分配采样综合定位，并优化序列化机制。
-
直接改--bs-btn-bg变量最省事：Bootstrap5+按钮颜色由CSS变量控制，应在:root或特定选择器中重设--bs-btn-bg、--bs-btn-border-color、--bs-btn-hover-bg等，避免覆盖.btn的background-color；仅改部分变量或加载顺序错误会导致btn-outline-*等失效，深色模式需配合@media手动适配。
-
Generator函数通过yield暂停执行，结合Promise和执行器可实现异步流程的同步化写法，如run函数驱动Generator处理Promise，使异步操作链更清晰；虽async/await已成为主流，但Generator在复杂控制场景仍有应用价值。
-
toString在对象转字符串时被优先调用，如字符串拼接、alert、console.log、String()；valueOf在需原始值时被优先调用，如数学运算、比较、Number()；引擎按规范顺序尝试二者，重写需确保返回符合类型要求的值。
-
z-index在3D场景中失效是正常现象，因浏览器按Z轴实际坐标（如translateZ值）而非z-index数值决定渲染顺序；需通过调整transform中的Z值精确控制前后关系。
-
<p>在WSL2中配置Linux环境进行HTML+CSS开发，首先启用WSL2并安装Ubuntu等发行版，运行wsl--install后重启并设置用户；接着更新系统包sudoaptupdate&&sudoaptupgrade；推荐使用Python3内置服务器，在项目目录执行python3-mhttp.server8000，或通过Node.js安装http-server实现静态服务；文件编辑建议使用VSCode配合Remote-WSL扩展，避免直接通过Windows修改WSL文件
-
使用媒体查询可根据设备特性应用不同样式，实现响应式设计。基本语法为@media媒体类型and(媒体特性){样式规则}，常用媒体类型包括screen（屏幕设备），常用于适配不同屏幕宽度、高度等，确保页面在各类设备上良好显示。
-
prefers-color-scheme是CSS媒体查询关键字，用于检测系统深色/浅色偏好，需先写默认浅色样式再用@media(prefers-color-scheme:dark)覆盖，配合localStorage存用户选择、class切换和CSS变量实现可靠主题切换。
-
inline-block盒模型与block完全一致，但布局受限于行内环境；默认收缩包裹内容、高度由内容决定、vertical-align影响对齐、空白间隙源于HTML文本节点、所有行为均符合CSS规范。
-
虚拟DOM本身内存占用不高，真正导致内存压力的是VNode引用链未及时切断而阻碍垃圾回收；常见泄漏场景包括缓存VNode未清理、v-if切换组件未清定时器、递归无终止、keep-alive缓存不当；应通过清空缓存、合理使用ref、virtual-scroll降载及DevTools快照比对验证优化效果。
-
刚体运动是JavaScript物理引擎的基础，通过位置、速度、加速度、质量、角速度和旋转角度等属性模拟物体的平移与旋转。引擎利用牛顿第二定律$F=ma$计算加速度，并逐帧更新速度和位置；旋转部分则基于角速度和力矩更新。碰撞检测常用AABB、圆形或SAT方法判断重叠，再通过碰撞点、法线和穿透深度计算响应，依据动量守恒和弹性系数调整速度。数值积分如欧拉法、半隐式欧拉法或Verlet积分用于状态预测，其中半隐式欧拉更稳定，Verlet适合特定场景。掌握这些原理可构建基础物理系统，实际开发中可借助Box2D.js
-
HTML本身无内置对象池，需在JS层对DOM元素、Canvas资源等手动实现池化以减少内存分配与GC压力。
-
必须先升级tailwindcss包再批量修正类名；升级后需将purge改为content、删除mode:'jit'，替换废弃类名（如transform）、重命名类（flex-grow-0→grow-0），透明度改用bg-black/50语法，并确保color扩展不覆盖内置色名。
-
边缘水合通过在边缘节点完成DOM标记、事件绑定和轻量状态初始化，仅对12%关键节点水合即覆盖93%首屏点击，大幅提升弱网下交互速度。
