-
使用Python运行HTML文件的实质是通过启动本地服务器来正确加载网页内容。首先需进入HTML文件所在目录，然后根据Python版本执行python-mhttp.server8000命令启动服务，最后在浏览器中访问http://localhost:8000即可查看文件。此方法可避免双击打开时因跨域限制导致的AJAX请求或模块导入失败问题，适用于前端开发测试。注意确保Python已安装并配置环境变量，若8000端口被占用可更换为其他端口如8080，且服务器仅限本地测试使用，关闭终端即停止服务。
-
直接修改CSS变量最安全，需在:root中替换如--primary-color等值，并清缓存；内联样式和JS硬编码色值须手动迁移至变量；需检查伪类、SVG、表单元素等易漏组件，并确保对比度合规。
-
HTML页面标题通过在<head>标签内使用<title>标签设置，是浏览器标签页显示的内容，也是搜索引擎判断页面主题的关键因素；2.页面标题直接影响SEO，作为搜索结果中的“门面招牌”，准确包含关键词且吸引人的标题能提升排名和点击率；3.编写优质标题需自然融入关键词、控制长度在25-30个中文字符内、确保页面间标题独特，并可在末尾添加品牌名以增强辨识度；4.动态生成标题常见于单页应用（SPA）等场景，可通过JavaScript直接修改document.title、使用框架专用工具
-
JavaScript数组是特殊的对象，用数字索引模拟线性结构但遵循对象属性访问规则；遍历推荐for循环或map/filter等函数式方法；修改用push/pop最高效，清空用length=0；判断数组唯一可靠方式是Array.isArray()。
-
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()，每种方法适用不同场景。
