-
ForIn会遍历自身及原型链上的可枚举属性，需用hasOwnProperty过滤继承属性；Object.keys()仅返回自身可枚举属性数组，更安全且支持数组方法，推荐优先使用。
-
JavaScript事件循环按“执行一个宏任务→清空所有微任务→渲染→取下一个宏任务”顺序运行；宏任务包括script、setTimeout等，微任务包括Promise.then、queueMicrotask等，微任务优先级更高且本轮持续执行直至队列为空。
-
正确使用link标签引入外部CSS，可实现结构与样式分离。将rel="stylesheet"的link标签置于head中，通过href指定CSS路径，支持media属性适配设备类型（如screen、print），并可通过合并文件、使用CDN、preload预加载等方式优化性能，同时注意路径、大小写、缓存及MIME类型等兼容性问题，提升页面加载速度与代码可维护性。
-
HTML通过JavaScript实现加法运算，利用表单输入获取数值并动态显示结果；2.使用parseFloat()转换数字，oninput实现实时计算，querySelectorAll()处理多个输入项，适用于购物车合计等场景。
-
应优先使用浏览器开发者工具排查：按F12或Cmd+Option+I打开，切换至Console面板查看红色错误信息，如UncaughtSyntaxError等。
-
离线优先架构通过ServiceWorker实现，优先从本地缓存加载资源以提升用户体验。1.注册ServiceWorker并安装时预缓存核心静态资源；2.fetch事件中优先返回缓存响应，未命中则发起网络请求并可选缓存结果；3.activate阶段清理旧缓存版本；4.对API请求采用stale-while-revalidate策略，结合IndexedDB存储动态数据，确保网络不稳定时仍能展示最新可用数据。该模式保障了应用的高可用与快速响应能力。
-
使用transform替代宽高调整可减少重排重绘，结合will-change和媒体查询优化小屏动画流畅度，通过缩短animation-duration与响应式适配提升移动端体验。
-
HTML5提供四种返回顶部方法：一、锚点链接加id定位，配合scroll-behavior:smooth实现平滑滚动；二、window.scrollTo()精确控制滚动至(0,0)；三、scrollIntoView()使顶部元素可见；四、滚动监听动态显示浮动按钮。
-
JavaScript是让网页具备交互性、动态性和智能化的核心技术，支持事件响应、DOM操作、数据处理、异步请求及框架开发，显著提升用户体验与开发效率。
-
需为iPhoneX及更新全面屏iOS设备适配底部按钮，通过在fixed定位的footer上设置padding-bottom:env(safe-area-inset-bottom,0px)并添加viewport-fit=cover的viewport声明，确保按钮避开HomeIndicator且保持贴底效果。
-
JavaScript解析JSON必须用JSON.parse()而非eval()以防XSS，生成时需处理循环引用和不可序列化值，解析前应校验数据来源与类型，大数据量需流式解析或懒加载。
-
sticky是position属性的合法值，用于滚动吸附定位；scroll不是定位值，而是overflow、scroll-behavior等滚动相关属性的关键词，二者语义层级不同，不可直接对比定位效果。
-
WebWorkers是浏览器提供的后台线程机制，用于执行计算密集型任务而不阻塞主线程；其运行于独立线程、内存隔离、通过postMessage通信、不可访问DOM、支持importScripts。
-
答案：响应式布局需控制内容溢出、优化触控滚动并禁止非必要滚动。通过设置容器最大宽度、图片自适应、使用-webkit-overflow-scrolling提升流畅性，结合touch-action避免手势冲突，确保小屏设备体验流畅。
-
JavaScript中class是语法糖，真正继承靠extends+super()；子类constructor必须首行调用super()，否则无法访问this；super指向父类原型，用于复用方法；继承内置类需特殊处理以确保实例行为正确。
