一、Object.defineProperty定义：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象 为什么能实现响应式通过defineProperty 两个属性

Webpack本质上一种基于事件流的编程范例，其实就是一系列的插件运行 Webpack主要使用Compiler和Compilation两个类来控制Webpack的整个生命周期。他们都继承了Tapabel并且通过Tapabel来注册了生命

Rollup 是一款 ES Modules 打包器。它也可以将项目中散落的细小模块打包为整块代码，从而使得这些划分的模块可以更好地运行在浏览器环境或者 Node.js 环境。 从作用上来看，Rollup 与 Webpack 非常类似。不过相

一、http缓存 HTTP 缓存策略分为: 强制缓存 和 协商缓存 为什么需要 HTTP 缓存 呢 ? 👇 直接使用缓存速度 >> 远比重新请求快 缓存对象有那些呢 ？👇 图片 JS文件 CSS文件 等等 二、强缓存 强

编写形式1. 编写组件编写一个组件，可以有很多方式，我们最常见的就是vue单文件的这种格式，每一个.vue文件我们都可以看成是一个组件 vue文件标准格式 <template> </template> <scr

1. 外观模式 外观模式是最常见的设计模式之一，它为子系统中的一组接口提供一个统一的高层接口，使子系统更容易使用。简而言之外观设计模式就是把多个子系统中复杂逻辑进行抽象，从而提供一个更统一、更简洁、更易用的API。很多我们常用的框架和库基本

1.事件循环机制 浏览器执行JS代码大致可以分为三个步骤，而这三个步骤的往复构成了JS的事件循环机制（如图）。 第一步：主线程（JS引擎线程）中执行JS整体代码或回调函数（也就是宏任务），执行过程中会将对象存储到堆（heap）中，将函数

当用户点开一个链接或者是直接在浏览器中输入URL开始进行访问时，就开始等待页面的展示。页面渲染的时间越短，用户等待的时间就越短，用户感知到页面的速度就越快。这样可以极大的提升用户的体验，减少用户的跳出，提升页面的留存率。 一、概念白屏时

1. 泛型的使用泛型可以让我们编写更具灵活性、可重用性和类型安全性的代码。在 TypeScript 中，泛型通常使用类型参数来定义一个通用的类型或函数，并在使用时指定具体的类型。 我们想编写一个函数来反转任意数组，假设我们不使用泛型，代码可

# 查看状态 $ git status # 添加管理(将文件或目录添加到本地仓库的暂存区) $ git add filename # 将指定的文件添加到暂存区 $ git add path/ # 将指定的目录添加到暂

如果有多个表单元素，重复代码较多，可以将表单输入元素封装为子组件。这样可以提高代码的复用性和维护性。 子组件：FormInput.vue<template> <div> <input v-if=

1. webpack 内部执行流程 一次完整的 webpack 打包大致是这样的过程： 将命令行参数与 webpack 配置文件 合并、解析得到参数对象。 参数对象传给 webpack 执行得到 Compiler 对象。 执行 Compi