通过 postMessage api 进行有父子框架的跨域通讯

前一段时间的一个案子是开发一个有声课件，大致就是通过导入文档、图片等资源后，页面变为类似 PPT 的布局，然后选中一张图片，可以插入音频，有单页编辑和全局编辑两种模式。其中音频的导入方式有两种，一种是从资源库中导入，还有一种就是要提到的录音。 说实话，一开始都没接触过 HTML…

本文首发于我的个人博客:http://cherryblog.site/ ，欢迎大家前去参观 本文项目地址，sortable插件地址：https://github.com/sunshine940326/sortable demo地址：https://github.com/suns…

本文章为前端进阶系列的一部分，介绍了基于REM布局的移动端响应式开发的原理以及具体方案。

我们在开发时，经常需要检测页面是否加载完毕，以确保脚本安全运行，下面我们就来浅谈一下检测页面是否加载完毕的那些事件们。

这次也不长篇大论，只搞清楚两件事 —— History API & Location 对象。了解清楚这些，将能够在不同 web 页面之间穿梭自如。

在前一篇文章中，讲到浏览器同源策略，即阻止不同域的页面间访问彼此的方法和属性，并对解决同源策略跨域问题提出的解决方案进行阐述：子域代理、JSONP、CORS。本篇将详细阐述 HTML5 window.postMessage，借助 postMessage API，文档间可以以安全可控…