前端

WebSocket是一种基于单个TCP连接的全双工通信协议，支持浏览器与服务器持续连接并互相主动发消息，适用于聊天、实时通知等场景；其通过HTTP Upgrade握手建立长连接，区别于HTTP的请求-响应模式；前端使用new WebSocket()创建连接，监听open、message、close、…

JavaScript高频实用设计模式约七八种：创建型（工厂、单例、构造函数+原型）、结构型（适配器、装饰器、代理）、行为型（观察者/发布-订阅、策略、状态），用于解决代码组织、复用与可维护性问题。 JavaScript 中常用的设计模式有十几种，但真正高频、实用且适合前端开发的大概七八种。它们不是为…

JavaScript深拷贝需创建完全独立的新对象，常用方法包括：JSON.parse(JSON.stringify())（简单但有类型限制）、structuredClone()（现代标准，支持多类型及循环引用）、手写递归（灵活可控，解决循环引用）、Lodash的cloneDeep()（全面稳定，体积…

Web Crypto API 是浏览器原生、安全上下文下的异步加密接口，支持 AES-GCM 等算法实现机密性与完整性兼顾的加解密，密钥以 CryptoKey 对象管理，禁止明文暴露；用户密码须经 PBKDF2 加盐派生密钥，盐需随机且存储，IV 不可复用。 JavaScript 中的密码学 API…

服务器端渲染（SSR）指HTML在服务器生成后发送至浏览器，解决SPA首屏白屏与SEO问题；Next.js默认支持SSR，通过getServerSideProps实现每次请求服务端数据获取并注入页面，适合需实时数据的场景。 服务器端渲染（SSR）是指页面的 HTML 在服务器上生成，再发送给浏览器，…

JavaScript文件上传组件需用XMLHttpRequest监听upload.onprogress获取进度，FormData封装文件，统一处理onload（200–299成功）、onerror（网络异常）和ontimeout（超时），确保上传过程透明可控。 用 JavaScript 实现一个带进…

JavaScript 的 history API 通过 pushState()、replaceState() 和 popstate 事件实现无刷新路由；pushState() 添加新记录并更新 URL，replaceState() 替换当前记录，popstate 事件监听前进/后退，需服务端 fal…

JavaScript是让网页交互动态化的编程语言，运行于浏览器和Node.js，可响应操作、更新内容、通信服务器、控制样式；零基础可从待办清单项目入手，用记事本+浏览器即可实践。 JavaScript 是一种让网页“活起来”的编程语言，它负责处理用户交互、动态更新内容、验证表单、控制动画，甚至能构建…

JavaScript Date对象内部只存UTC时间戳，但方法默认按本地时区解析；创建时需用带Z或偏移的ISO字符串，显示时应明确时区并用Intl.DateTimeFormat等可控方式处理，存取数据必须统一用UTC。 JavaScript 的 Date 对象本身不存储时区信息，它内部只保存一个毫秒…

前端发布流程需标准化、自动化：1. 采用Git分支策略（main/develop/release/hotfix）确保代码稳定；2. 通过Webpack/Vite构建，生成带哈希的静态资源并优化体积；3. 利用CI/CD（如GitHub Actions）自动测试、构建、部署至CDN或服务器；4. 发布…