由于第二种原理更利于解耦业务逻辑，具体的实现方案比较多样。以下是具体的实现方案，简单介绍下，权当科普： 父页面通过window.open(url, name)方式打开的子页面可以获取句柄，然后通过postMessage完成通讯需求。 缺点是只能与自己打开的页面完成通讯，应用面相…

一直以来，无论是web还是iOS、android的应用中，为了提升应用的加载等待这段时间的用户感知体验，各种奇门遁甲之术层出不穷。其中，菊花图以及由它衍生各种加载动画是一个非常大的流派，如下图所示： 在很多的应用的交互中，这种菊花的加载的设计已然要一统江湖了。 不过，现在对于加…

前端路由是现代SPA应用必备的功能,每个现代前端框架都有对应的实现,例如vue-router、react-router。 我们不想探究vue-router或者react-router们的实现，因为不管是哪种路由无外乎用兼容性更好的hash实现或者是H5 History实现，与框…

WebSocket是为了解决双向通信的问题，因为一方面HTTP的设计是单向的，只能是一边发另一边收。而另一方面，HTTP等都是建立在TCP连接之上的，HTTP请求完就会把TCP给关了，而TCP连接本身就是一个长连接吗，只要连接双方不断关闭连接它就会一直连接态，所以有必要再搞一个…

想边刷微博边追剧？想边聊微信边看球赛？从浏览器支持扩展功能开始，人们就一直有这样的需求： Chrome看视频，有没有可以弹出视频窗口的插件？​www.zhihu.com 各个国产壳子浏览器也争相内置“视频弹窗播放”的功能，比如当年的火狐中国版： 这么多年过去了，正统浏览器们终于…

console作为前端调试中广泛使用的成员之一，忠实担任了明察秋毫的数据检阅师，又默默承受了万千bug的狂风骤雨，它log时云淡风轻，它debug时诚如明镜，它info时温柔细腻，它warn时憋黄了脸，它error时急红了眼，它咆哮，它又彷徨。 有人站出来了，说：“consol…

这是专门研究 JavaScript 及其构建组件系列文章的第 9 章。在识别和描述核心元素的过程中，我们还分享了我们在构建一个轻量级 JavaScript 应用程序 SessionStack 时使用的一些经验规则，该应用程序需要健壮、高性能，可以帮助用户实时查看和重现它们的 W…

前端要以正确的姿势学习编译原理（上篇）

双核浏览器支持使用两个或者以上的浏览器引擎来渲染网页，目前绝大多数国产浏览器均为双核甚至多核。 基于Chromium的Blink/Webkit内核。一般在国产浏览器中被称为“极速内核/极速模式”。该内核随着该浏览器的更新而更新。 IE内核。一般在国产浏览器中被称为“IE内核/兼…