微前端iframe
14篇文章 · 0订阅
  • 「前端进阶」彻底弄懂前端路由
    现代前端项目多为单页Web应用(SPA)，在单页Web应用中路由是其中的重要环节。 每个现代前端框架都有与之对应的路由实现，例如 vue-router、react-router 等。 本文并不涉及 vue-router、react-router 的实现方式，而是介绍前端路由的基…
    JavaScript
    「前端进阶」彻底弄懂前端路由
  • 监听DOM变动，用MutationObserver应该很香。
    1.DOM树变动？     浏览器中DOM节点的属性，文本，插入，移除等结构的变动我们之前主要是通过监听Mutation Events事件来执行 1.1Mutation 事件列表 DOMAttrMod
    前端
    监听DOM变动，用MutationObserver应该很香。
  • DOM 规范 —— MutationObserver 接口
    前言 最近在重学 JavaScript 中，再一次接触到了 MutationObserver 内容，接着联想到了 Vue 源码中有使用过这个接口，因此觉得有必要对 MutationObserver 接
    JavaScript Vue.js
    DOM 规范 —— MutationObserver 接口
  • Web Components —— Web 组件
    前言 在重学 JavaScript 过程中，了解到了 Web 组件，而其中的一些知识点总感觉和 vuejs 中的某些概念很相似，比如 Web 组件中涉及的内容： HTML 模板，即 template
    JavaScript Vue.js
    Web Components —— Web 组件
  • 案例实战，一文吃透 Web Components
    Web Components 是 [W3C](https://www.w3.org/) 推动的一项标准，旨在丰富 HTML 的 DOM 特性，让 HTML 有更强大的复用能力。
    Web Components 前端
    案例实战，一文吃透 Web Components
  • iframe架构微前端实战
    最近看到了好几篇与微前端相关的文章，对于微前端的架构基本都提到了 iframe 方式，但最终也没看到那篇文章最后选择了 iframe 架构。既然如此，那我就来试试看用 iframe 实现微前端怎么样。 项目可以分为两部分，一部分是统一的登陆注册入口，一分部是主要的管理内容区。 …
    架构
    iframe架构微前端实战
  • 面试装X：我知道的前端跨页面通信
    用户在实际的操作场景中会打开多个 Tab 页面A、B、C、D、E...。当用户在 E Tab 页退出登录，并且登录到新的账号，然后用户切换到非 E 的 Tab 时，发现登录信息没有刷新， 并且由于登录
    前端 JavaScript
    面试装X：我知道的前端跨页面通信
  • iframe通信
    iframe 使用iframe可以在网页中嵌入子页面,那么就会涉及到页面的通信了 这里先说下页面通信的流程 1. 同源通信 父页面 第一个参数是父页面要传递的内容 第二个参数写子页面对应的的源(url
    JavaScript 前端
    iframe通信
  • 使用 postMessage 解决 iframe 跨域通信问题
    这周碰到一个让人头疼的需求：要在我的web项目中嵌入另一个第三方web项目。第一时间想到的就是用iframe了，但问题来了，我和第三方web项目是有交互的，这就违反同源策略了，处理跨域问题是最让人头疼的事之一。 需求是这样的，在我的页面点击一些按钮，要实时反馈到iframe子页…
    HTML JavaScript 前端
    使用 postMessage 解决 iframe 跨域通信问题
  • Cookie 跨域解决方案（IFrame跨域）
    IFrame跨域思路：假设有a.haorooms.com/text.html和b.haorooms.com/text.html两个页面，通过a.haorooms.com/text.html页面去修改b.haorooms.com/text.①　在a.haorooms.com/tex...
    后端