-
关键在于每帧调用getBoundingClientRect获取被拖元素实时视口坐标，结合临界距离判断吸附时机，而非缓存初始值；需在dragover/mousemove中动态计算，确保边界处理稳定、反馈及时。
-
JavaScript查找数组元素的核心方法包括：查位置用indexOf（严格相等）和findIndex（函数判断）；查存在用includes（支持NaN）；查元素本身用find（首个匹配）和filter（所有匹配）；查逻辑用some（至少一个）和every（全部满足）。
-
JavaScript国际化需自行管理翻译资源并用IntlAPI格式化，语言包动态加载、标准BCP47代码、显式切换UI+持久化、locale与翻译一致、避免硬编码格式、安全处理插值与复数。
-
浮动元素与相对定位结合可实现图文混排、导航菜单增强和卡片标签定位等效果。浮动使元素脱离文档流并排列，相对定位则基于原位置微调而不影响布局。例如，.card使用float横向排列并设置position:relative，为内部.badge提供定位上下文，后者通过绝对定位精准定位角标。该组合在传统布局中仍具实用价值。
-
多级组件联动应避免链式$emit，优先采用provide/inject、事件总线（mitt）或Pinia状态管理；基础组件可合理使用语义化$emit，业务逻辑事件应在页面层组合。
-
JavaScript操作DOM的核心是“找得到”和“改得对”：用getElementById、querySelector等方法选中元素，再通过textContent/innerHTML修改内容，style/classList/setAttribute修改样式与属性，appendChild/replaceWith等动态更新结构。
-
CSS主题按需加载应动态创建link标签并移除旧样式，同步用data-theme切换CSS变量块，主题类加在html上并提供降级值，避免布局抖动。
-
浮动元素无法通过z-index改变层级，因其未创建层叠上下文且z-index仅对定位元素有效。需同时设置position为relative、absolute等非static值才能使z-index生效。例如添加position:relative后，z-index即可正确控制层叠顺序。需注意父容器若创建了层叠上下文（如设置opacity），仍会影响子元素的最终显示层级。
-
真正省事原生支持骨骼动画的HTML5引擎仅有Phaser3（需插件）、PixiJS（靠spine/dragonbones扩展）和Cocos2d-html5（内置DragonBones）；Three.js需手动绑定SkinnedMesh与Bone，无现成解析器。
-
使用Mocha、Chai、Supertest和Sinon搭建Node.js单元测试框架，1.选择Mocha为测试运行器，Chai作断言库，Supertest发HTTP请求；2.安装依赖并组织test/目录结构；3.编写测试用例验证API行为；4.用Sinon模拟数据库避免外部依赖；5.配置npm脚本运行测试并用nyc生成覆盖率报告。
-
