YoYo君

前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。 过度分析源码对于大家并...

1. webpack打包基本原理 1. 处理单个模块（以入口为例） 我们可以看到，入口文件index.js的所有内容都以字符串形式输出了，我们接下来可以用正则表达式或者其它...

上回就已经承诺过大家，一定会出 HTTP 的系列文章，今天终于整理完成了。作为一个 web 开发，HTTP 几乎是天天要打交道的东西，但我发现大部分人对 HTTP 只是浅尝...

再问 http 就对面试官说 so easy。http 是我们几乎天天都要打交道的东西，知识点很多，这里做了一些整理，帮且大家树立完整的 http 知识体系...

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将...

Webpack是现在主流的功能强大的模块化打包工具，在使用Webpack时，如果不注意性能优化，有非常大的可能会产生性能问题，性能问题主要分为开发时打包构建速度慢、开发调试...

为什么需要 loader,如何配置,loader 怎么工作,loader-runner 基本规则,让我们实现 loader-runner,开始编写css、style、fil...

我们都有过这样的需求：将tree扁平化，或者把扁平化的数组转换成一棵树。可能是在后端返回的数据处理，也可能是传给后端的数据处理（不会有人都交给后端处理吧，毕竟我是被打怕了）...

> 来自尚硅谷的课程笔记 课程链接 [尚硅谷邵山欢（考拉老师）Vue之虚拟DOM和diff算法] > 加入大量的注释以及大量改写，新增很多插图解释diff算法 > 第八章仔...

前言 此篇主要手写 Vue2.0 源码-渲染更新原理 上一篇咱们主要介绍了 Vue 初始渲染原理 完成了数据到视图层的映射过程 但是当我们改变数据的时候发现页面并不会自动更...

前言 此篇主要手写 Vue2.0 源码-diff 算法原理 上一篇咱们主要介绍了 Vue 异步更新原理 是对视图更新的性能优化 此篇同样是对渲染更新的优化...

1. 前言 装饰器是最新的 ECMA 中的一个提案，是一种与类（class）相关的语法，用来注释或修改类和类方法。装饰器在 Python 和 Java 等语言中也被大量使用...

事件循环 浏览器中的事件循环 javascript 代码执行过程中，除了依靠函数调用栈来处理函数的执行顺序，还依靠任务队列（task queue）来处理另外一些代码的执行。...

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react...

可能文中有些表述不是很严谨，大家见谅。 顺便推荐大家看一篇非常好的文章Tasks, microtasks, queues and schedules，看完绝对有所收获。 这...

其中的原生、Web相互通信都离不开JSBridge，这里面小程序比较特殊，对于UI渲染和JS的执行环境做了隔离，基于前两种方式之间。 在Hybrid模式下，H5会经常需要使...

一. useState 1. useState基本使用 2. 使用push，pop，splice等直接更改数组对象的坑 正确的方法应该是使用数组解构生成一个新数组，在数组后...

在说跨域之前，首先需要了解的一个概念就是”同源策略“。 源=协议+域名+端口号。 如果两个url的协议、域名、端口号完全一致，那么这两个url就是同源的。 我们可以通过wi...

走过路过不要错过，点进来看两眼咯，三分钟包学会包学会！！双手真心奉上setInterval，setTimeout，requestAnimationFrame实现倒计时的各种...