最近产品经理跟我反馈公司的一个系统频繁切换主菜单时，浏览器占用内存一直在飙升。当时第一反应内存泄露了。 经过场景重现，发现从A主菜单切到B主菜单,在切回到A主菜单，浏览器占用内存翻了一倍，基本可以确认是内存泄露。 根据BUG场景重现，浏览器占用内存是翻了一倍，可以初步确定是Vu…

1. 当保存为基本类型时，内存地址保存的就是一个值，此时就为常量 2. 当保存为复杂类型时，内存地址保存的就是一个地址，即：指针，他只能保证这个地址不能改变，但不能保证这个地址指向堆中的数据不能改变，所以，将对象保存为常量时需小心使用 1. 字符的 Unicode 表示法 2.…

本文从一个简单的双向绑定开始，逐步升级到由defineProperty和Proxy分别实现的响应式系统，注重入手思路，抓住关键细节，希望能对你有所帮助。 以上就是一个简单的双向数据绑定，但显然是不足的，下面继续升级。 在Vue3版本来临前以defineProperty实现的数据…

“闭包(closure)”实际上就是被返回的函数有权访问其包含函数中定义的变量和标识符。 “闭包”可以访问其包含函数中的变量标识符，原理在于闭包函数的作用域链中引用了包含函数的作用域。 在这个“防抖”的示例中，debounce 就是“包含函数”，而 debounce 函数内部通…

如果你满足上面的几条，那么选择Nextjs是不错的选择。仁者见仁智者见智，Nextjs并不全是优点，也有不足之处，比如约束性较强，路由必须按照规则书写等等。但是，瑕不掩瑜，确实Nextjs在React SSR这一块算是最成熟的解决方案了。 关于Nextjs如何使用以及脚手架的一…

使用vue的朋友都是知道vue-cli，他是一个基于webpack的vue脚手架，通过vue-cli配置好一整套环境可以更快的开发，从而提高了工作效率。而我们可以学习它的一些配置可以熟悉webpack的构建流程，从而更好的开发，本文讲述了如何配置一个小型的vue-cli脚手架。…

本文总结了vue组件间通信的几种方式，如props、 $emit/ $on、vuex、 $parent / $children、 $attrs/ $listeners和provide/inject，以通俗易懂的实例讲述这其中的差别及使用场景，希望对小伙伴有些许帮助。 父组件A通…

vuex是一种状态管理模式，它保存着组件的公用的状态，并且以相应的规则保证状态变化。 vuex的核心就是一个store，它相当于是一个容器，里面包含有state,action,mutation,getter,modules。 vuex的状态是响应式的。若Vue组件从state中…

首先做 DNS 查询，如果这一步做了智能 DNS 解析的话，会提供访问速度最快的 IP 地址回来 接下来是 TCP 握手，应用层会下发数据给传输层，这里 TCP 协议会指明两端的端口号，然后下发给网络层。网络层中的 IP 协议会确定 IP 地址，并且指示了数据传输中如何跳转路由…