java

CSP是一种浏览器强制执行的白名单式安全策略，通过HTTP头或meta标签限制资源加载以防止XSS。需禁用内联脚本与eval、改用事件监听、显式声明第三方域名，并配合服务端转义等其他防护措施。 JavaScript CSP（Content Security Policy，内容安全策略）是一种浏览器安…

服务端渲染（SSR）通过在服务器端生成完整HTML，使搜索引擎爬虫无需执行JavaScript即可抓取页面内容，从而提升JavaScript应用的SEO效果。Next.js、Nuxt.js等主流框架提供开箱即用的SSR支持，结合动态title与meta标签、语义化结构、Open Graph标签及si…

错误边界是React class组件特性，需实现getDerivedStateFromError和componentDidCatch方法来捕获子组件渲染错误并降级UI，无法捕获事件、异步或SSR错误。 JavaScript 本身无法直接实现 React 的“错误边界”（Error Boundary）…

顶层 await 是 ES2022 正式标准，允许在 ESM 模块顶层直接使用 await，使模块变为异步模块并按序等待 Promise 完成，仅适用于模块环境，不可用于脚本或 CommonJS。 顶层 await 是指在 ECMAScript 模块（ESM）的最外层作用域（即模块顶层）直接使用 a…

JavaScript屏幕录制依赖getDisplayMedia获取屏幕流、MediaRecorder录制，需用户手势触发并处理兼容性与权限问题。 JavaScript 实现屏幕录制主要依靠 MediaStream API 中的 navigator.mediaDevices.getDisplayMed…

JavaScript有7种原始类型（string、number、boolean、null、undefined、symbol、bigint）和1种引用类型（Object及其衍生类型），原始类型按值操作、不可变，引用类型按地址传递、需注意深浅拷贝与类型检测。 JavaScript 有 7 种原始（pri…

Map 和 Set 是 ES6 专为任意类型键值对存储与去重查重设计的原生集合；Map 支持任意类型键、保持插入顺序、O(1) 获取大小；Set 基于哈希表实现自动去重与高效存在性检查。 Map 和 Set 是 ES6 引入的两种原生集合类型，它们不是对 Object 或 Array 的简单替代，而…

Proxy是JavaScript用于拦截并自定义对象基本操作的代理构造函数，通过handler提供get、set、has、deleteProperty等trap拦截读写、枚举、构造等行为，支持校验、日志、响应式等场景。 JavaScript 的 Proxy 对象是一个用于创建代理（proxy）以拦截…

单页应用（SPA）需通过服务端渲染（SSR）、预渲染或动态渲染使爬虫获取完整HTML，辅以语义化标签、动态元信息、规范路由及Sitemap等基础SEO实践来提升搜索引擎收录效果。 单页应用（SPA）默认对搜索引擎不友好，因为传统爬虫难以执行 JavaScript 渲染页面内容。要让搜索引擎收录 SP…

ES12（ECMAScript 2021）新增数字分隔符、replaceAll、Promise.any及逻辑赋值运算符，提升可读性、字符串处理、异步容错与条件赋值能力。 ES12 是 ECMAScript 2021 的正式代号（注意：不是 2024 或 2025 年版本，官方发布时间为 2021 年…