本篇章主讲双栏布局和三栏布局的一些较为古老及实用的原理及实现。说它古老主要也是因为我们不会涉及 flex 这一类魔法一般的布局方式，虽然我也知道用 flex 就能轻松实现很多布局。 做这个文章，一方面也是自己做个学习记录，当做温习一番。另一方面，也希望能够帮助看到这篇文章的新手…

前言 本篇围绕 webpack 做性能优化，分为两个方面：构建时间优化、构建体积优化 构建时间优化 缩小范围 我们在使用 loader 时，可以配置 include、exclude缩小 loader

Vue3框架的优点特点 首次渲染更快 diff 算法更快 内存占用更少 打包体积更小 更好的 Typescript 支持 Composition API 组合 API 一、生命周期 对于生命周期来说，

继上一篇：前端八股文后，写的3月份左右常见的JavaScript手写编程题，包含结题思路，下一篇也会继续更新算法相关的

与其说是Vue的生命周期，我觉得不如说是其内组件的生命周期。 简单来说，它的生命周期就是用来描述一个组件从引入到退出的全过程。 那复杂来说呢？就是一个组件从创建开始经历了数据初始化，挂载，更新等步骤后

1. 工厂模式 工厂模式（Factory Pattern）：将对象的创建和使用分离，由工厂类负责创建对象并返回。在前端开发中，可以使用工厂模式来动态创建组件。 前端中的工厂模式是一种创建对象的设计模式

本篇文章主要介绍深拷贝的一种简单实现方式JSON.parse/JSON.stringify。自己动手实现这两种方法。

浅拷贝是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址 ，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。 深拷贝是将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新…

最近经常看到很多JavaScript手写代码的文章总结，里面提供了很多JavaScript Api的手写实现。 里面的题目实现大多类似，而且说实话很多代码在我看来是非常简陋的，如果我作为面试官，看到这样的代码，在我心里是不会合格的，本篇文章我拿最简单的深拷贝来讲一讲。 本文由浅…