路由

React Router 是 React 应用实现客户端路由的核心库，通过路径与组件映射实现无刷新跳转；v6+ 推荐 createBrowserRouter + RouterProvider 初始化，用 Link 和 useNavigate 导航，Outlet 支持嵌套路由与布局复用。 React …

惰性加载是延迟加载资源至真正需要时才获取或执行，以提升首屏性能；包括图片用loading=”lazy”或IntersectionObserver、脚本用import()、组件用React.lazy或defineAsyncComponent、数据用滚动触发等。 JavaScri…

JavaScript代码分割是将大JS文件拆分为按需加载的小块以提升性能。核心是动态import()语法，支持路由、组件、工具库等多场景分割，并由Webpack/Vite等工具自动处理chunk分离。 JavaScript 代码分割（Code Splitting）是指将一个大体积的 JavaScri…

SystemJS是一个动态模块加载器，支持在浏览器中按需加载ES6模块、CommonJS、AMD等格式，适用于不完全支持原生ES模块的环境。它通过System.import()方法实现动态导入，返回Promise，可结合配置映射模块路径，类似Node.js解析机制，常用于微前端或原型开发；现代浏览器…

JavaScript正则表达式通过RegExp对象或字面量创建，核心是理解匹配目标；常用字面量（如/^d{3}-d{4}$/）和构造函数（new RegExp()）两种方式，配合i/g/m等标志，广泛用于表单验证、文本提取替换及路由匹配等场景。 JavaScript正则表达式用 RegExp 对象或…

JavaScript单页应用（SPA）仅用一个HTML页面，通过JavaScript动态更新内容，实现局部刷新；传统网页每次跳转都请求新HTML并整页重载。 JavaScript单页应用（SPA）是指整个网站只用一个HTML页面，所有内容切换和交互都由JavaScript在浏览器端动态完成，不触发整…

JavaScript History API 支持无刷新操作浏览器历史，含 pushState（添加记录）、replaceState（替换记录）和 popstate 事件监听（响应前进/后退），用于 SPA 路由与状态管理，受同源策略限制。 JavaScript 通过 History API 提供了…

JavaScript代码拆分与懒加载核心是动态import()，实现按需加载、减小首屏体积；支持路由级、交互级加载及prefetch/preload优化，现代构建工具原生支持。 JavaScript 的代码拆分与懒加载，核心是用 动态 import() 实现按需加载模块，减少首屏体积、提升加载性能。…

JavaScript通过navigator.onLine属性和online/offline事件检测网络状态，但仅反映浏览器连接认知而非真实可达性；需结合fetch探测等增强验证。 JavaScript 主要通过 navigator.onLine 属性和监听 online / offline 事件来检…

WebSocket是浏览器与服务器间持久化全双工通信通道，通过一次Upgrade握手复用TCP连接，以帧轻量传输数据，解决轮询延迟高、开销大等问题，适用于聊天、实时通知等场景。 WebSocket 是浏览器与服务器之间建立的持久化、全双工通信通道，能真正实现客户端和服务器实时双向收发数据。它不像 H…