前端

JavaScript中JSON解析核心是JSON.parse()和JSON.stringify()，前者将JSON字符串转为对象，后者将对象序列化为JSON字符串，二者因轻量、通用、安全及浏览器原生支持成为数据交换事实标准。 JavaScript 中的 JSON 解析很简单，核心就是 JSON.pa…

Chart.js适合简单图表、快速上线场景，如后台系统的用户增长曲线和销售占比饼图；D3.js适合高度定制、强交互或数据驱动DOM操作，如关系网络图、地理热力图等。 选Chart.js还是D3.js，关键看需求复杂度和开发资源——简单图表、快速上线，Chart.js更合适；需要高度定制、交互丰富或数…

JavaScript是运行在浏览器中的编程语言，负责网页的交互行为，通过操作HTML结构和CSS样式实现动态效果，并借助Node.js可拓展至服务端。 JavaScript 是一种运行在浏览器里的编程语言，它让网页从静态文档变成可交互、会响应的动态界面。 JavaScript 能做什么？ 它负责网页…

XSS本质是浏览器执行了攻击者注入的恶意JavaScript代码，分反射型、存储型和DOM型三类；防御需输出编码、避免危险DOM操作、设HttpOnly Cookie及启用CSP。 XSS（跨站脚本攻击）本质是以上就是javascript XSS攻击是什么_如何防止恶意脚本的注入？的详细内容，更多请…

深拷贝对象需创建完全独立的副本，JSON.parse(JSON.stringify())最常用但有类型限制；structuredClone()是现代推荐方案，支持循环引用和多数内置类型；手写递归函数或Lodash的_.cloneDeep()适用于特殊需求。 深拷贝对象就是创建一个全新的对象，所有嵌套…

localStorage不能存敏感信息，仅适用于非敏感前端状态数据；使用setItem/getItem/removeItem操作字符串，对象需JSON序列化；存在XSS窃取、明文存储、无访问控制等安全风险。 localStorage 是浏览器提供的本地存储机制，能以键值对形式持久保存字符串数据，页面…

跨域请求是浏览器因同源策略限制而无法读取不同源响应内容的安全机制；CORS是标准解决方案，需后端配置响应头，开发期可用代理绕过。 跨域请求是指浏览器从一个源（协议 + 域名 + 端口）向另一个不同源发起的 HTTP 请求。由于同源策略（Same-Origin Policy）限制，JavaScript…

JavaScript 实现推送通知主要依赖两个核心机制：浏览器原生的 Notification API（用于显示本地通知）和 Push API + Service Worker（用于接收服务器发起的后台推送）。很多人混淆二者，这里先明确：Notification API 本身不收消息，只负责“显示”…

JavaScript构建单页面应用（SPA）的核心是不刷新页面、动态更新内容，依靠前端路由（Hash/History API）、组件化渲染、状态管理及服务端配合实现高效交互与首屏优化。 JavaScript构建单页面应用（SPA）的核心是不刷新页面、动态更新内容，靠路由控制视图切换、状态管理协调数据…

防抖和节流是优化高频事件性能的两种策略：防抖在事件停止触发后延时执行一次，适用于搜索输入等需最终结果的场景；节流则按固定间隔最多执行一次，适用于滚动监听等需稳定反馈的场景。 防抖（Debounce）和节流（Throttle）是前端处理高频事件的两种经典策略，核心目标都是减少函数实际执行次数，从而避免…