前端

JavaScript常用设计模式包括单例、观察者、工厂、代理等，其中单例确保类唯一实例，适用于配置管理；观察者实现一对多依赖更新，Subject与Observer直接通信，区别于发布-订阅的事件总线解耦。 JavaScript 中常用的设计模式包括单例模式、观察者模式、工厂模式、代理模式、装饰器模式…

JavaScript不能直接完成支付，仅作为前端协调者唤起支付界面、传递操作、监听结果并更新UI；真正支付由后端发起，经银行或第三方平台校验授权，敏感逻辑如签名、金额、密钥均由后端处理。 JavaScript 本身不能直接完成支付，它只是前端协调者。真正的支付必须由后端发起，并经过银行、第三方支付平…

JavaScript前端路由主要依靠History API实现无刷新页面切换，通过pushState/replaceState修改URL并用popstate监听导航，配合路径匹配与组件渲染；旧浏览器可降级使用hashchange事件。 JavaScript实现路由功能主要依靠浏览器的History …

JavaScript性能优化的核心是减少主线程阻塞、降低内存开销、提升执行效率并优化渲染：①减少重排重绘，批量操作DOM；②避免强制同步布局，用transform/opacity替代布局变更；③合理使用事件委托、节流防抖及及时移除监听器；④优化执行逻辑与内存管理。 JavaScript 性能优化的核…

JavaScript本地存储有Cookie、localStorage、sessionStorage三种：Cookie自动随请求发送、容量小、适合身份标识；localStorage永久存储、5MB、同源共享；sessionStorage仅限单标签页、关闭即清空。 JavaScript 的本地存储主要有…

WebSocket是浏览器与服务器间全双工、持久化的实时通信协议，通过HTTP握手升级后长期连接，支持服务端主动推送、轻量数据帧及文本/二进制传输。 WebSocket 是浏览器与服务器之间建立的全双工、持久化通信通道，能实现真正的实时数据交换，比轮询或长连接更高效。 WebSocket 和 HTT…

localStorage长期存储、跨会话共享，sessionStorage仅限当前标签页会话；二者均同源隔离、仅存字符串、API相同，但生命周期与作用域不同。 JavaScript 中的 localStorage 和 sessionStorage 都是浏览器提供的 Web Storage API，用…

JavaScript前端安全的核心是“不信任任何客户端输入”，所有校验、权限控制和敏感数据处理必须在服务端完成；需防范XSS（转义输入、禁用危险API）、防敏感信息泄露（不硬编码密钥、脱敏展示）、防CSRF（配合服务端token与SameSite策略）、保障通信安全（HTTPS、CSP、域名校验）。…

JavaScript 中的依赖注入是通过参数传递实现的解耦策略，非语言原生特性；它提升可测试性，因依赖可被 mock 替换，使单元测试隔离外部副作用，推荐从手动注入和接口契约开始。 JavaScript 中的依赖注入（Dependency Injection, DI）本身不是语言原生特性，而是通过设…

JavaScript集成Google Maps与Mapbox的核心是加载SDK、初始化容器、设置坐标及交互；Google用@googlemaps/js-api-loader，坐标为{lat,lng}，需API Key；Mapbox用mapbox-gl-js，坐标为[lng,lat]，需Access …