前言: 本篇文章我将带大家一起来好好认识一下postMessage,包括它的兼容性,对应的API介绍,以及常见的几个使用场景,希望可以给有同样困惑的盆友们一点启发,给需要用这个技术的同僚们一些帮助. postMessage是html5引入的API,postMessage()方法…

为什么需要使用iframe自适应高度呢？其实就是为了美观，要不然iframe和窗口长短大小不一，看起来总是不那么舒服，特别是对于我们这些编程的来说，如鲠在喉的感觉。如果不设置body的margin和padding为0的话，页面上下左右会出现空白。<iframe src="http...

今天有朋友问到我关于“iframe自适应高度”的问题，原本以为是很简单的问题，没想到折腾了20分钟才搞定。期间遇到几个问题，要么是高度自适应了，但是当窗口改变时会出现滚动条。也就是当窗口放大时iframe没有自动跟随变大显得很小，或是当窗口缩小时iframe还是之前那么大就出现…

有时候，我们会使用 iframe标签，将前端分离项目无感的嵌入 如以Freemark为主体较老的项目中。 我们知道，当iframe内部内容比父页面所指定的宽高大的时候，会出现滚动框。 所以，让iframe的宽高能根据自身内容自动改变，就成了一个必须要解决的问题。 使用HTML5…

描述 在实际业务中，我们常用图表来做数据统计，数据展示，数据可视化等比较直观的方式来达到一目了然的数据查看，但在大屏开发过程中，常会因为适配不同屏幕而感到困扰，下面我们来解决一下这个不算难题的难题 效

在项目中某个位置嵌入别人的网页时，会使用到`iframe`。但是如果`iframe`中的源网页没有做屏幕自适应的话，`iframe与网页大小不一致会导致iframe窗口中仅展示一部分。

在写个人网站的时候，需要用到 iframe 引用本地静态的 html 文件，发现引用方式的一些差异，在此分享一下。 在vue-cli 2.0 构建的项目中，如果要使用 iframe 引用本地的静态 html 文件，静态文件需要放置在和 src 同级的文件加夹 static 中。…

客户又反馈内嵌的第三方页面又不能正常访问啦！ 快来跟小姐姐一起学一学iframe相关的知识，一次搞定iframe吧。

可以通过process.env.BASE_URL此变量获取public目录，在计算属性中定义，从而达到引用的效果。