-
模块化CSS通过哈希类名实现作用域隔离，避免全局污染；2.CSS-in-JS支持动态样式与主题切换，提升封装性；3.全局样式结合Sass管理设计系统基础变量；4.内联样式与原子化CSS（如Tailwind）优化动态控制与构建体积。合理组合可平衡维护性与性能。
-
运行HTML代码只需将其保存为.html文件并用浏览器打开，也可通过代码编辑器、本地服务器或在线工具实时预览。
-
虚拟DOM是用JavaScript对象模拟真实DOM的轻量级抽象，作为状态变更与真实DOM更新间的中间层；它本质是含标签、属性、子节点等信息的JS对象树，通过diff算法比对差异并patch批量更新真实DOM，提升渲染性能。
-
transition本身不是动画，仅在状态变化时补间；必须写在起始状态样式中，支持可插值属性如transform/opacity，慎用left/top或height:auto，timing-function按需选择，transitionend需过滤propertyName。
-
首先，通过getDisplayMedia()实现屏幕捕获，用于共享桌面内容；其次，使用getUserMedia()获取摄像头和麦克风输入流；接着，可将两者结合并通过canvas合成实现画中画效果；最后，需注意仅在HTTPS下运行、用户操作触发、浏览器兼容性及监听共享结束事件，以确保功能正常与用户体验。
-
选Rollup发npm包，Webpack做SPA应用；Rollup专注库级打包、Tree-shaking更激进、默认不处理node_modules；Webpack主打应用构建、内置DevServer/HMR/资源加载、开箱支持第三方模块。
-
WebSQL被废弃因其未进入W3C标准流程，仅是SQLite私有实现，而IndexedDB成为标准替代方案；二者本质不同：WebSQL关系型、SQL驱动，IndexedDB对象存储、键值+索引驱动，迁移需重构数据访问逻辑。
-
HTML5中应使用iframe、div+CSS、object或WebComponents替代已废弃的frameset/frame；iframe支持同源嵌入，div+CSS结合JavaScript可动态加载内容，object提供降级支持，WebComponents实现可复用嵌入。
-
CSS实现文字依次出现的核心是为每个span设置递增的animation-delay并配合统一@keyframes动画，需加forwards保持终态，注意时长与延迟协调及无障碍适配。
-
JavaScript排序算法实现需兼顾原理理解与实测性能；冒泡适合教学，快排平均O(nlogn)但最坏O(n²)，归并稳定且O(nlogn)，内置sort()通常最快；自写适用于学习、面试、特殊环境或定制需求。
-
WebWorkers是HTML5提供的API，可在后台线程运行脚本以避免阻塞主线程。通过创建Worker脚本、实例化Worker对象并使用postMessage通信，实现如耗时斐波那契计算等任务，确保页面流畅。
-
JavaScript继承核心是原型链与构造函数协作，ES6classextends最推荐，寄生组合式继承经典高效，原型链和借用构造函数各有缺陷。
-
启用flex-wrap:wrap实现换行，通过justify-content设置主轴对齐，结合gap控制间距，子项设flex:01200px保证响应式；末行不对齐时可用伪元素填充或改用Grid布局。
-
使用box-sizing:border-box可解决等高列中height与padding导致的高度不一致问题，配合Flexbox实现自适应等高布局，确保各列视觉高度统一且避免溢出。
-
JavaScript手动拖放核心是mousedown记录偏移并绑定document的mousemove和mouseup，mousemove时用偏移量更新元素位置，mouseup时解绑事件并重置状态。
