前端

发布订阅模式通过事件中心解耦发送者与接收者，核心为on、emit、off方法，实现事件的订阅、发布与取消，适用于组件通信、状态管理等场景。 发布订阅模式是一种经典的设计模式，适用于解耦事件的发送者和接收者。在 JavaScript 中实现发布订阅模式，核心是创建一个事件中心，允许对象订阅特定事件，并…

树结构是前端处理层级数据的核心，通过对象实现节点与子节点关联。掌握深度优先（DFS）、广度优先（BFS）遍历、查找、增删节点及扁平化等操作，能高效处理菜单、组织架构等场景。1. DFS递归访问子树；2. BFS使用队列按层遍历；3. 查找节点需递归匹配id；4. 添加节点前需定位父级并初始化chil…

单 spa 适用于多前端应用整合场景，支持不同技术栈子应用共存于同一页面，实现独立开发与部署；典型应用包括大型企业平台集成、渐进式技术升级及多团队协作，通过统一主应用协调路由、生命周期与公共逻辑，提升系统一致性与交付效率；其核心优势在于多框架兼容、按需加载与清晰的生命周期管理，同时需注意样式隔离、J…

单页应用通过前端路由实现无刷新导航，核心是利用JavaScript监听URL变化并动态渲染视图。前端路由基于两种模式：Hash模式通过监听hashchange事件，利用#后内容切换视图，兼容性好但URL不美观；History模式使用pushState和popstate实现更干净的URL，需服务器配置…

JavaScript在不同浏览器中因引擎差异导致兼容性问题，Chrome用V8，Firefox用SpiderMonkey，Safari用JavaScriptCore，对新语法支持节奏不一，旧版IE缺乏ES5+特性支持。通过Babel转译ES6+代码为ES5，配置@babel/preset-env和c…

JavaScript状态管理核心是集中控制数据流以确保视图同步。1. 原生可通过发布-订阅模式实现轻量级管理；2. 框架方案如React+Context、Vue的Pinia、Angular+RxJS提供更优集成；3. 大型项目推荐Redux、Zustand等第三方库，支持中间件与调试工具；4. 实践…

防范XSS需验证输入、用textContent替代innerHTML、设置CSP策略；管理依赖应定期审计、锁定版本、移除无用包；敏感逻辑须置于服务端，禁用客户端明文存储；通过最小权限和沙箱隔离降低风险。 JavaScript在现代Web开发中无处不在，但其灵活性和动态特性也带来了不少安全隐患。客户端…

动态 import 是指通过 import() 语法在运行时按需加载模块，与静态 import 立即加载不同，它返回 Promise，支持代码分割与懒加载。结合 React.lazy 可实现路由级分割，用户访问时才加载对应组件；也可用于条件性加载重功能，如点击触发或空闲预加载。构建工具如 Webpa…

前端数据持久化主要有Cookie、localStorage、sessionStorage和IndexedDB四种方案：Cookie小容量且随请求发送，适合存token；localStorage大容量持久存储字符串；sessionStorage仅限当前会话；IndexedDB支持复杂结构化数据的异步操…

JavaScript支持多种算法实现，排序算法如冒泡排序通过相邻元素交换实现升序排列，快速排序采用分治法递归分割数组；查找算法中二分查找适用于有序数组，通过比较中间值缩小范围。 JavaScript 是一门功能强大的编程语言，广泛应用于前端和后端开发。它同样适合实现各种算法，帮助我们高效解决实际问题…