-
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生成覆盖率报告。
-