-
BatteryStatusAPI因隐私与安全风险被主流浏览器弃用：Chrome89、Firefox100起移除，Safari从未支持；现无等效WebAPI，仅能通过navigator.onLine或启发式判断间接推测电源状态，精确电量需原生层实现。
-
首先清除浏览器缓存，按Ctrl+Shift+Delete选择所有时间并勾选“缓存的图像和文件”后清除；接着使用Ctrl+F5硬性刷新页面以强制从服务器加载最新资源；调试时可通过F12打开开发者工具，在Network选项卡勾选“Disablecache”或右键刷新按钮选择“清空缓存并硬性重新加载”；为确保静态资源更新，可在HTML引用的CSS或JS文件后添加?v=版本号（如main.js?v=1.2），每次更新后递增版本号；最后通过服务器配置HTTP响应头Cache-Control:no-cache,mus
-
答案：结合PBR与阴影映射可在WebGL中实现物理光照与阴影。首先在片元着色器中使用BRDF模型（如GGX）计算基于反照率、金属度、粗糙度和法线贴图的光照响应，支持环境光、点光源等类型；接着通过深度纹理实现阴影映射——从光源视角渲染场景生成shadowmap，在主通道中将片段深度与shadowmap比较以判定阴影，并采用PCF滤波软化边缘；若集成Ammo.js等物理引擎，需每帧同步物体变换矩阵并更新光源视图矩阵，动态物体实时更新shadowmap，静态物体检影烘焙以优化性能；建议采用级联阴影映射提升远距离
-
装饰器是用于类或属性的元数据标记，帮助DI框架识别依赖关系。通过@Injectable()等装饰器标注可注入类，结合emitDecoratorMetadata反射机制，容器自动解析构造函数参数并递归实例化依赖，实现自动装配。NestJS等框架利用此特性完成模块化与解耦，需开启experimentalDecorators和emitDecoratorMetadata支持。
-
location对象是浏览器提供的全局接口，用于操作和获取当前页面URL的信息。它包含属性和方法：1.属性包括href、protocol、host、hostname、port、pathname、search、hash、origin，分别用于获取或设置URL各部分；2.方法有assign()（跳转并记录历史）、replace()（替换当前历史）、reload()（刷新页面）；3.使用location对象能避免手动拼接字符串，提升安全性和代码可维护性；4.assign适用于允许用户返回的场景，replace适
-
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且保持贴底效果。
