跨域

微前端架构通过拆分大型应用为多个独立小应用实现独立开发与部署。1. Module Federation利用Webpack 5实现运行时模块共享，适合技术栈一致项目；2. iframe方案依赖页面嵌套与postMessage通信，适用于技术栈差异大的系统整合；3. qiankun等框架提供沙箱隔离与生…

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

JavaScript通过Web Workers实现多线程并发，配合SharedArrayBuffer与Atomics支持共享内存和原子操作，可在浏览器和Node.js中进行高效并行计算，但需满足跨源隔离等安全策略。 JavaScript本身是单线程语言，运行在主线程上，所有任务按顺序执行。但在现代浏…

前端监控需捕获全局错误、Promise拒绝及跨域脚本问题。1. 使用window.onerror捕获运行时错误并上报；2. 监听unhandledrejection事件处理未捕获的Promise异常；3. 通过crossorigin属性和CORS配置获取跨域脚本完整错误信息；4. 采用sendBea…

前端监控通过JavaScript错误追踪保障应用稳定，需全面收集并上报错误。1. 使用window.onerror捕获全局脚本错误，获取错误信息、文件、行列号及堆栈，跨域需配置crossorigin和CORS；2. 通过window.onunhandledrejection监听未处理的Promise…

本文旨在解决在使用原生 WebSocket 连接 SignalR Hub 时，客户端无法接收到服务端推送消息的问题。文章将分析可能的原因，并提供一种通过修改 SignalR 库的导入方式来解决问题的方案，从而避免使用 SignalR 库时出现的构建错误。 当尝试使用 WebSocket 直接连接 S…

ES6引入模块系统，通过export导出和import导入实现代码复用；支持命名导出与默认导出，需在HTML中使用type=”module”加载，模块自动运行在严格模式下且仅执行一次。 JavaScript 的模块系统在 ES6（ECMAScript 2015）中正式引入，解…

JSONP读作“jay-son-p”，是“JavaScript Object Notation with Padding”的缩写，利用script标签绕过同源策略实现跨域请求，仅支持GET方式，需服务端返回函数调用格式数据，存在安全风险，现多被CORS取代。 JSONP 读作 “jay-son-p”…

本文详细介绍了如何通过javascript和css实现点击特定链接后，按需加载并显示一个隐藏的iframe。教程涵盖了html结构、css样式定义以及javascript事件监听和dom操作，确保iframe内容仅在用户交互时才被加载和展示，从而优化页面性能和用户体验。 在现代网页开发中，为了提升页…

本文探讨了在动态修改iframe的`src`属性后，父页面无法调用iframe内部脚本的问题。核心原因在于iframe内容加载的异步性，导致父页面尝试访问脚本时，新内容尚未完全加载。解决方案是利用iframe的`onload`事件，确保在新文档加载完成后再执行脚本调用，从而避免`undefined`…