guozm

不论是寒冬还是暖冬，找工作之前都需要做好充足的准备，面试的时候才能做到游刃有余。此文是把我最近找工作准备的以及笔试面试中涉及到的手写题做一个总结。给自己，也给需要的同学。 手写题是比较好准备的一个环节，大部分公司考察的题也就那么多，大都不会超出范围。 本文是手写题系列的第二篇文…

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…

在上一篇文章Vue 3.x 响应式原理——reactive源码分析中，笔者简述了Vue 3.x 的 reactive API 的实现原理，了解过 Vue Composition API 的同学都知道reactive和ref创建响应式数据的区别，本文通过讲述ref API 的实现…

目前版本单元测试相关情况 vue-next-coverage。 Vue 的核心之一就是响应式系统，通过侦测数据的变化，来驱动更新视图。 通过可响应对象，实现对数据的侦测，从而告知外界数据变化。实现可响应对象的方式： API 本身存在较多问题。 Vue2.x 中，实现数据的可响应…

从 15 个方向，探讨提高 HTTP 安全性的各种措施。

本文源码基于 React 16.8.6 (March 27, 2019)，仅记录一些个人阅读源码的分享与体会。 Schedule 即任务的调度，我们知道 JavaScript 是单线程运行的。因此，浏览器无法同时相应 JS 任务与用户的 UI 操作，如此在执行 UI 操作的时候…

webpack的核心是一切皆模块，所以它其实本质上就是个静态模块打包器。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。官网显示的这幅图很形象地描述了这个过程： webpack4…

我觉得对于软件工程来说，身为一个合格的开发者，要善于探索和发现。互联网给了我们丰富的开源技术和海量的信息，为何不去饥渴的去探索呢。下面就一起去探索这份全面而强大的性能优化指南吧。 一个网站的性能，可以分为两个方面，一个叫Loading Performance（加载性能），一个叫…

这是我的剖析 React 源码的第二篇文章，如果你没有阅读过之前的文章，请务必先阅读一下 第一篇文章 中提到的一些注意事项，能帮助你更好地阅读源码。 现在请大家打开 我的代码 并定位到 react-dom 文件夹下的 src 中的 ReactDOM.js 文件，今天的内容会从这…