在JavaScript的世界中，继承不仅是面向对象编程中的基石，更是一门优雅的艺术。继承可以让我们构建出灵活、可扩展的代码结构，以及更好地复用以前的开发代码，缩短开发的周期、提升开发效率。

闭包，是指有权访问另一个函数作用域中变量的函数。从定义上我们可以知道，闭包是函数，并且是被另一个函数包裹的函数。所以需要用一个函数去包裹另一个函数，即在函数内部定义函数。被包裹的函数则称为闭包函数，包裹的函数(外部的函数)则为闭包函数提供了一个闭包...

Loading几乎是每个应用都会用到的一个组件。很多组件库都会提供相应的Loading组件，但是有的时候我们可能需要自定义Loading效果，掌握Loading组件制作的基础知识将变得非常必要。Loading主要就是一个旋转的圆环，而旋转部分则比较简单，直接通过CSS动画即可实现，所...

网页布局对于一个前端开发者而言至关重要，掌握好布局知识有助于我们更好的实现CSS界面的设计和开发。布局是有限空间内的元素排列方式，因为页面设计横向不滚动，纵向无限延伸，所以大多数时候讨论的布局都是对水平方向进行分割。常用的布局方式为单列布局、两列布局...

React是用于构建用户界面的 JavaScript 库。其有着许多优秀的特性，使其受到大众的欢迎。① 声明式渲染:所谓声明式，就是关注结果，而不是关注过程。比如我们常用的html标记语言就是一种声明式的，我们只需要在.html文件上，写上声明式的标记如<h1>这是一个标题...

本文主要理解fiber的基本原理。为了能够更好的理解fiber原理，我们会从零开始构建一个简单的react，并在其中引入fiber以及useState hook，DOM-DIFF等。

① Promise 是一个类或者函数，内部拥有3个状态，分别为pending(等待)、fulfilled(执行、完成)、rejected(拒绝、未完成)。默认为pending状态，即Promise对象刚创建的时候状态为pending，并且pending状态可以转换fulfilled或者rejected。fulfilled和rejected为最终的状...

当我们进行数据拷贝的时候，如果该数据是一个引用类型，并且拷贝的时候仅仅传递的是该对象的指针，那么就属于浅拷贝。由于拷贝过程中只传递了指针，并没有重新创建一个新的引用类型对象，所以二者共享同一片内存空间，即通过指针指向同一片内存空间。

<script> 标签主要用于从服务器端加载一段javascript脚本并在当前页面中执行。因为其需要从服务器端中加载，所以会在一定程度上影响到web的性能。在性能优化中，<script>标签的优化至关重要。

选中要复制的元素，右键选择Copy--> Copy OuterHTML 和Copy --> Copy styles不就可以吗

所以在实现生命周期前，我们需要实现Vue.mixin()这个全局的方法，将混入的所有生命周期钩子进行合并之后再到合适的时机去执行生命周期的各个钩子。我们可以将全局的api放到一个单独的模块中，如:

渲染的入口就是调用Vue实例的$mount()方法，其会接收一个选择器名作为参数，Vue进行模板渲染的时候，所使用的模板是有一定优先级的:① 如果用户传递的options对象中包含render属性，那么就会优先使用用户配置的render()函数中包含的模板进行渲染；② 如果用户传递的opt...

Vue本质上是一个暴露在全局的名为Vue的函数，在使用的时候通过new这个Vue函数来创建一个Vue实例，并且会传入一个配置对象。Vue函数内需要做的事情就是根据传入的配置对象进行初始化。如:

Vue响应式系统的核心依然是对数据进行劫持，只不过Vue3采样点是Proxy类，而Vue2采用的是Object.defineProperty()。Vue3之所以采用Proxy类主要有两个原因:

XSS 全称为(Cross Site Scripting)，即 跨站脚本攻击。同时为了不和层叠式样式表CSS(Cascading Style Sheets)产生混淆，故将跨站脚本攻击缩写为XSS。其是Web应用中常见的一种漏洞，攻击者通过向网页中注入一段客户端脚本(通常为JavaScript)，那么当用户浏览该网页的...

Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理样式文...

所谓打包多页面，就是同时打包出多个html页面，打包多页面也是使用html-webpack-plugin，只不过，在引入插件的时候是创建多个插件对象，因为一个html-webpack-plugin插件对象只能打包出一个html页面。如:

所谓打包多页面，就是同时打包出多个html页面，打包多页面也是使用html-webpack-plugin，只不过，在引入插件的时候是创建多个插件对象，因为一个html-webpack-plugin插件对象只能打包出一个html页面。如:

所谓打包多页面，就是同时打包出多个html页面，打包多页面也是使用html-webpack-plugin，只不过，在引入插件的时候是创建多个插件对象，因为一个html-webpack-plugin插件对象只能打包出一个html页面。如:

虽然代码总共才33行，但是写的非常简洁，可能不是一下就能看懂，我对此细细研读了一番，用更加明了的方式重新写了一下。主要就是对外暴露了React.createElement()和React.render()两个方法。① 实现代码基本框架