-
JavaScript模块化核心是ES6的import/export语法，支持命名导出、默认导出及混合导入，需静态声明、顶层作用域，浏览器用type="module"，Node.js需"type":"module"或.mjs后缀。
-
WebStorm通过内置服务器和浏览器配合实现HTML预览与调试。1.右键HTML文件选择OpeninBrowser，自动启动本地服务器并预览；2.启用LiveEdit功能需安装JetBrains插件，点击Debug图标实现实时编辑更新；3.在JS代码行设断点，通过Debug模式运行可暂停执行、查看变量及调用栈；4.可自定义JavaScriptDebug配置，保存后快速启动。核心是结合浏览器与调试工具提升前端开发效率。
-
可通过拖拽HTML文件到浏览器窗口快速预览，确保文件扩展名为.html或.htm，浏览器将自动渲染页面；2.右键点击文件选择“打开方式”，指定浏览器并设置默认程序，实现双击直接打开；3.在浏览器地址栏输入file:///加文件路径，如file:///C:/Users/Name/Desktop/index.html，可精确加载本地文件；4.使用VSCode安装LiveServer插件，右键“OpenwithLiveServer”启动实时预览，保存代码后浏览器自动刷新；5.通过命令行执行python-mhtt
-
使用AOS库结合Animate.css实现滚动触发动画：1.引入AOS的CSS和JS文件；2.通过AOS.init()初始化；3.为元素添加data-aos="动画名"等属性即可实现滚动入场效果，如fade-up、zoom-in等，支持设置持续时间、延迟和缓动函数，适用于官网、作品集等场景。
-
ES6模块导出的是绑定而非值，加载在编译时完成且不支持条件导入；需用import()动态加载；exportdefault为匿名导出，具名导出需按名匹配；Node.js中需配置"type":"module"或使用.mjs后缀；绑定机制导致变量修改实时同步。
-
时间复杂度是衡量算法效率的核心指标，优化可提升性能与体验。1.理解O(1)、O(n)、O(n²)、O(logn)等表示法，识别高复杂度操作；2.减少嵌套循环，如用哈希表将两数之和从O(n²)降为O(n)；3.善用Set、Map及内置方法filter、map等提高效率；4.排序预处理结合双指针可优化查找；5.递归中使用记忆化避免重复计算，如斐波那契数列从O(2^n)降至O(n)；6.权衡时间、空间与可读性，选择最优解。
-
先测量再优化，使用浏览器开发者工具的Performance面板录制并分析CPU使用、JS调用栈和渲染耗时，定位长时间任务与高频函数；通过节流防抖、减少DOM操作、避免内存泄漏、优化数据结构和异步分割任务等手段提升性能，结合代码拆分、TreeShaking和传输压缩优化加载，形成“分析→定位→优化→验证”闭环持续改进。
-
父容器高度塌陷是浮动的必然结果，因浮动元素脱离文档流致父容器无法感知其高度；clearfix通过伪元素触发BFC并清除浮动来修复，而overflow:hidden仅因触发BFC“碰巧有效”但有副作用。
-
transition失效最常见的原因是属性名写错、声明位置错误（应写在常态选择器而非:hover中）、初始/终值不可插值；需确保目标属性可计算可插值，避免display等不支持属性，并用DevTools验证生效值。
-
transition需配合属性值实际变化才生效，如opacity或transform；display和visibility不支持过渡；应明确指定transition-property而非all；timing-function控制运动节奏而非速度；JS触发时需避免强制重排。
-
答案：JavaScript中遍历对象常用方法包括for...in、Object.keys()、Object.values()、Object.entries()、Object.getOwnPropertyNames()和Reflect.ownKeys()，每种方法适用不同场景。
-
通过为表格单元格（<td>）添加aria-label属性，可确保屏幕阅读器稳定、准确地播报提示文本，替代不可靠的title属性。
-
根本原因是ASP生成的HTML中src路径错误或IIS未正确配置视频MIME类型；需用F12Network验证请求是否200OK，检查路径拼接是否混用物理路径与URL，并为.mp4、.webm等扩展名在IIS中添加video/mp4等对应MIME类型且重启应用池。
-
FileAPI是文件上传的基础，需配合XMLHttpRequest或Fetch使用；通过input[type="file"]获取File对象，校验大小与类型后，用FormData构造请求并发送，支持进度监听与错误处理。
-
contenteditable仅提供基础编辑能力，不支持格式控制、撤销、安全粘贴等高级功能，适合轻量场景；真富文本需用Slate/Lexical等底层自研方案。
