春困哥

缓存介绍 什么是缓存？HTTP缓存、DNS缓存、CDN缓存，接下来主要介绍 HTTP 缓存，其余的会在文末进行补充。...

我们在面试 webpack 的时候，感觉已经熟背了八股文，抗住了 webpack 的十连问，最后面试官来了句：『有没有手写过 loader？』，直接懵逼，灵魂深处被深深痛击...

Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或...

本文已收录在Github github.com/Geekhyt，欢迎Star。 从镜片的厚度和黄黑相见的格子衬衫我察觉到，面前坐着的这位面试官应该是来者不善。我像以往一样，...

为什么学习函数式编程？核心理解是，为了方便复用，类库的编写FP（函数式编程）是编程范式（风格）重点是：一一映射的关系，相同的输入有相同的输出(纯函数)高阶函数把函数作为参数...

函数组合 (compose):只关心3个小函数，和输入，不关心中间结果 函子: 通过函子可以控制副作用，处理函数异常，异步操作等...

ECMAscript javascript 是 ECMAscript 的一种扩展语言 ECMAscript 提供了基础语言 浏览器环境： js = ECMAscript +...

静态类型与动态类型 在动态语言JS中，变量是没有类型的。而存放在里面的值是有类型的 类型安全：强类型、弱类型（是否允许隐式类型转换：'100' - 50 ，这里其实是可以计...

内存管理 内存为什么需要管理？ 比如在执行这段代码时，就会导致内存占用一直上升，内存泄漏的问题 申请空间 let obj = {} 使用空间 obj.name = 'lg'...

需求分析 每次在开发新项目时，总是会有大量重复工作去做，例如： 相同的组织结构 相同的开发范式 相同的模块依赖 相同的工具配置 相同的基础代码 因此考虑去搭建一个可以复用的...

理解 堆栈中 JS 执行过程 通过上图可以很明确的知道，在执行左侧代码时： 在存储空间内开辟一个执行栈 其中对应的顺序为 EC(全局)执行上下文储存 基本类型值 a ，由于...

前言 模块化只是思想，不包括实现 common js 使用同步的方式进行模块规范 AMD 采用异步的模块定义规范 ES modules 特性 默认严格模式 每个 ESM 都...

前言 ES Modules 存在兼容问题 模块文件过多，网络请求频繁 书写时，前端资源需要模块化管理 webpack 与 gulp 区分 gulp gulp强调的是前端开发...

前言 为了了解清楚webpack的每个环节，及其对应的工作、使用的技术。最好能实现一个自己的打包器：不同类型模块的加载，不同loader，插件的使用 webpack 构建流...

前言 diff 算法是对比2颗 dom 树上不同节点的差异，相同的节点则继续保持，不同节点则进行更新 一般情况有2种算法： 把第一棵树上，每个节点，与第二棵树上每个节点对比...

前言 我们可能经常疑惑，Vue是怎么实现数据更新，视图变化。 视图变化，数据也能同样得到更新。 响应式原理 那么，我们来先看下面一张图： 整体流程： 我们得创建一个vue ...

前言 数据劫持：当访问或设置 vue 实例中的成员时，会做的一些干预操作 而vue的响应式原理核心就是，通过对数据进行劫持，并将更新反应到对应的dom视图上 vue2 响应...