榴莲飞大饼

所有的模块都是 Module 的实例。可以看到，当前模块（module.js）也是 Module 的一个实例。 在进程启动时，Node便会创建一个类似于while(true)的循环，每执行一次循环体的过程我们成为Tick。 每个Tick的过程就是查看是否有事件待处理。如果有就取…

Vue的computed实现相对于watch和data来说比较难以理解，要真正的理解computed的工作方式，你需要深入理解Vue的双向数据绑定原理和实现方式。 如果以上三个问题你都已知，你可以忽略下文了，若未知或一知半解，请抱着学习的态度看看别人的理解。 以下大部分代码摘自…

终于自己写了一个超简版的gitHub地址. 3. 渲染 Watcher 以需要监听oriValue为例，在oriValue对应的dep对象的subs数组中放入与oriValue相关的watcher对象，然后在每个相关watcher的deps数组里面放入deps对象。 当oriV…

举个例子，从数组 [1, 2, 3, 4] 中选取 2 个元素，求和为 5 的所有可能。答案是两组组合: 1,4 和 2,3。 这里我们简单说一下总体思路：根据数组长度构建二进制数据，再选择其中满足条件的数据。 我们用 1 和 0 来表示数组中某位元素是否被选中。因此，可以用 …

年中决定离开当前所在的公司，想受一受外面社会的毒打。也面了 2 家还不错的公司（字节跳动 和 拼多多），在此记录分享一下。 字节跳动的技术面试都是以视频面试的形式进行的。 主要考察 js 中的基本类型、typeof 和 instanceof 等。 常规的类型比较题，比较基础。 …

flex-basis: 为div的内容盒 (content-box) 初始大小，也就是规定了元素初始在主轴的大小。优先级是大于 width 的。内容盒就是我们熟悉的盒模型 flex-shrink:当空间不够时，如果flex-shrink为1，就会按比例压缩。因为每个元素的fle…

当 JS 引擎解析到可执行代码片段（通常是函数调用阶段）的时候，就会先做一些执行前的准备工作，这个 “准备工作”，就叫做 "执行上下文(execution context 简称 EC)" 或者也可以叫做执行环境。 全局执行上下文——这是默认或者说是最基础的执行上下文，一个程序中…

1. Vue 响应式原理 Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例（里面 subs 是 Watcher 实例数组）,当数据有变更时,会通过 dep.notify()通知各个 watcher。 watcher 中实例化了 de…

一个 Proxy 对象包装另一个对象并拦截诸如读取/写入属性和其他操作，可以选择自行处理它们，或者透明地允许该对象处理它们。 Proxy 用于许多库和某些浏览器框架。在本章中，我们将看到许多实际应用。 target —— 是要包装的对象，可以是任何东西，包括函数。 handle…