-
答案：前端性能优化需采用防抖节流、懒加载、WebWorkers、任务调度、内存管理及性能分析工具。具体包括：1.防抖与节流控制高频事件触发；2.懒加载与代码分割减少首包体积；3.WebWorkers处理耗时任务避免阻塞主线程；4.requestIdleCallback与requestAnimationFrame优化任务执行时机；5.清理事件监听、定时器等防止内存泄漏；6.使用ChromeDevTools和Lighthouse定位性能瓶颈，提升整体运行效率与用户体验。
-
最简跳转用<ahref="...">，避免href=""或#；新标签页需target="_blank"加rel="noopener"；JS跳转优先onclick返回false拦截，慎用window.location.href赋值；location.replace()不保留历史，assign()等同点击链接；SPA中用Link/<router-link>而非裸<a>。
-
nth-child(odd)不生效主因是父元素中存在非li子元素（如div、p、注释、空格文本等），导致li的实际序号非奇数；应改用li:nth-of-type(odd)或检查DOM结构。
-
transform:skew()可使元素沿X、Y轴倾斜，常用于按钮悬停、斜角标签等动态设计；语法为skew(ax)或skew(ax,ay)，需注意布局错位与内容反向校正，结合transition可实现流畅动画效果。
-
HTML无法直接绘制成长曲线图，需借助SVG、Canvas或Chart.js等技术；SVG适合静态折线图且可控性强，Canvas适合动态动画，数据同步依赖后端API与实时推送。
-
使用CSS自定义属性结合语义化颜色命名可提升代码可维护性，通过:root定义全局变量如--color-primary，并用var()函数在样式中引用，实现统一设计系统与主题切换，修改变量值即可全局更新，推荐按用途、角色、状态命名变量以增强可读性。
-
Chrome中抓取video源地址需打开开发者工具→Network→Media，刷新并播放后复制.m3u8或.mp4链接；m3u8需用yt-dlp合并下载，注意Referer、UA及token时效性；controlsList="nodownload"仅禁右键，不影响抓包。
-
答案：CSS浮动与Flexbox可结合使用，前者适用于兼容旧浏览器及图文环绕，后者解决对齐与弹性布局问题；实际开发中应以Flexbox为主构建整体结构，浮动用于局部内容排版，避免在flex项目上直接设置浮动，注意清除浮动不影响容器高度，合理分工提升兼容性与维护性。
-
图片加载问题主因是路径错误、缺少宽高致布局抖动、CORS限制、现代格式兼容性差及缓存异常；应使用绝对路径、显式设置宽高、配置CORS、确保picture含img兜底，并通过Network面板综合排查。
-
IE嵌入HTML5页面的问题根源在于语法、CSS、JS兼容性及安全策略：需检查跨域iframe响应头、引入html5shiv修复语义标签、用Babel+polyfill处理ES6+、为flex加-ms-前缀，grid则需降级或弃用。
-
父元素高度塌陷是因浮动元素脱离文档流，导致父容器无法感知其存在；常用解决方案有clear:both（需额外DOM）、BFC触发（如display:flow-root）和伪元素清除法（.clearfix::after）。
-
高效调试JavaScript需建立可复用习惯：分层输出（log/warn/error）、上下文标记（如[Auth]）、console.group/table；优先断点调试，善用Sources面板、条件断点、debugger语句；活用控制台执行环境（$0、copy、clear）；调试后必须清理console和debugger。
-
本文详解CordovaiOS应用中如何通过纯前端方式实现页面间跳转，以按钮触发为例，介绍基于window.location.href的轻量、可靠导航方案，并说明其原理、适用场景及关键注意事项。
-
100vh在移动端常“不够高”是因为Safari地址栏动态遮盖视口，导致100vh取初始高度而滚动后错位；应改用min-height:100dvh，并确保html/body显式设高，Grid才能正确布局。
-
ServiceWorker是JavaScript实现缓存策略的核心，通过拦截请求、自定义响应及持久化存储支持离线访问；需HTTPS注册，经历install（预缓存）和activate（清理旧缓存）生命周期，并依资源类型选用Cache-First、Network-First或Stale-While-Revalidate策略。
