溪咚的粑粑

上一篇中，我们一起探讨了new Vue({...})背后发生了什么。那么当我们实例化vue之后，进行dom挂载又发生了什么呢？ 一. $mount 主干代码如下： 如果没有手写render函数， 那么先获取template内容。再将template做为参数，调用compileT…

在前两篇文章中，我们介绍了vue初始化的工作 和 挂载的总体流程。 下面，我们基于 前面的基础上，重点探讨一下vue中的响应式原理实现。 那么这一切背后，背后发生了什么？下面，我们来一探究竟。 一. initState （new Vue时发生） 在vue实例化的时候，会调用in…

上一篇，我们介绍了vue实现响应式的原理。其中，有2点需要重点展开分析： 在讨论上述2个问题之前，我们先待 了解 compiler过程。这是核心前提，只有先熟悉了它，我们才能清晰的认识到 数据的流向。 一. Compiler 在vue中，我们写template，显然浏览器不认识…

上一篇，我们分析了compiler过程，其核心是将template转化为render函数。 我们带着这些问题，来一探究竟。 一. Render函数 我们知道，compiler结果是个render函数。（不熟悉的小伙伴，可以看我的上一篇文章：vue源码解析-compiler）。 …

在vue中，patch过程，是以新的虚拟dom为基准，改造旧的虚拟dom。 接下来，我们逐个击破。 一. update 在执行render函数，返回虚拟dom之后，vue会执行update方法，去更新视图。其主干代码如下： 前面章节，我们分析了组件化实践。setActiveIn…

前言 事情是这样的，前几天我接到一个外包工头的新需求，某品牌要搭建一个在线VR展厅，用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅，这个VR展厅里会有一些信息点，点击之后可以呈现更多信息（视

什么是内存泄露？内存泄露是指new了一块内存，但无法被释放或者被垃圾回收。new了一个对象之后，它申请占用了一块堆内存，当把这个对象指针置为null时或者离开作用域导致被销毁，那么这块内存没有人引用它了在JS里面就会被自动垃圾回收。但是如果这个对象指针没有被置为null，且代码…

在这篇文章中，我将介绍ES2018（ES9）的新特性，并介绍如何使用它们。 JavaScript（ECMAScript）是跨多个平台的许多厂商实施的不断发展的标准。ES6（ECMAScript 2015）花费六年的时间敲定，是一个很大的发行版。新的年度发布流程被制定，以简化流程…

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