以qiankun的三种沙箱模式来讲解实现如何对window上做沙箱隔离，主要通过快照思想和代理思想实现JS沙箱。

JS内函数即对象。 Function对象和Object对象这两个内置对象的特殊性。 很多讲解图的指向一眼下去花里胡哨，看着都头疼[手动狗头]。 很多前辈在讲解相关知识点的时候都是从__proto__开始讲起，但在我看来，__proto__与prototype关系之密切是无法单独…

最近在做公司微前端，整理了一份微前端搭建清单，如果你正在考虑是否要做微前端，不妨做个参考。 第一步，我们需要进行需求分析，以便真正清楚我们需要解决的问题是什么。 前两个需求是典型的业务需求，它的核心在于解决公司的业务问题，对于这一类需求，通常技术难度都不大，开发者只需要按照原型…

Promise出现解决了js中的回调地狱的问题，使代码更简洁，是ES6中的规范和重要特性。它的使用很简单，但你知道它是怎么样实现的吗~~ ES6中使用的Promise，它就是遵循Promise/A+规范的。 既然是有规则可循的，那我们根据规则来一步步实现Promise。 而这个…

首先我们需要知道TCP是一种面向连接的单播协议。 TCP可以看成是一种字节流，他会处理IP层或以下层的丢包、重复以及错误问题。在连接的建立过程中，双方需要交换一些连接的的参数，这些参数可以放在TCP头部 所以TCP提供了一种可靠、面向连接、字节流、传输层的服务，采用三次握手建立…

本文和大家聊聊this，this在JavaScript中可说是神一样的存在，灵活性太强了，早期对this做过一次梳理，但现在面对this的使用还是怕怕的，对this的理解不透彻，还是在猜结果，根据应用场景划分梳理，更多的是在硬记，面对复杂恶心人的应用场景，特别是在面试的时候出的…

1. 变量提升 在ES6之前，JavaScript没有块级作用域(一对花括号{}即为一个块级作用域)，只有全局作用域和函数作用域。变量提升即将变量声明提升到它所在作用域的最开始的部分。下面两个示例包含了变量提升的两种情况（全局作用域和函数作用域）： 2. 函数提升 js中创建函…

在类电商类项目，往往存在大量的图片，如 banner 广告图，菜单导航图，美团等商家列表头图等。图片众多以及图片体积过大往往会影响页面加载速度，造成不良的用户体验，所以进行图片懒加载优化势在必行。 我们先来看一下页面启动时加载的图片信息。 如图所示，这个页面启动时加载了几十张图…

相信大家都遇到过渲染一个很长的列表或者页面带来的痛苦，长列表与页面可能对首屏渲染速度造成很大的影响，并且会对页面的滚动造成一些不流畅的体验。 我也在最近遇到了这个问题，发现除了直接使用分页外，虚拟滚动这种解决方案很是流行，于是也重新造了一下vue中虚拟滚动的轮子。虚拟滚动简单的…