Vue 3 现已成为新的默认版本，这个开箱即用的模板它不香吗？编程语言选用 TypeScript 4.x 、JavaScript。框架Vue3，UI框架配置了Element Plus。支持自动按需引入

6000字详解package.json，今天看前端的大管家package.json文件相关的配置，充分了解这些配置有助于我们提高开发的效率，规范我们的项目。文章内容较多，建议先收藏在学习！

这篇文章我构思了很久，想用比较白话的形式阐述关于 JSX 和 VDOM 的知识点。翻阅了不少相关内容，多数文章都是以源码为基础，讲的内容不能说不好，但是至少我觉得对于刚入门的前端同学，内容篇硬。本篇文章以 React 作为切入点，分析理解 JSX 和虚拟 DOM ，当然 Vue…

jsx 语法是一种 JavaScript 语法扩展，在 React 中可以方便地用来描述 UI。比如下面就是一段 jsx 语法 在jsx语法中，循环渲染是利用数组的遍历 map() 方法返回一个集合。 遍历时必须有唯一索引 key 提高遍历的效率。一个元素的 key 最好是这个…

Plugin(插件) 是 webpack 生态的的一个关键部分。它为社区提供了一种强大的方法来扩展 webpack 和开发 webpack 的编译过程。本文将尝试探索 webpack plugin，揭秘它的工作原理，以及如何开发一个 plugin。 通过插件我们可以扩展 web…

多组件使用相同状态。都放到同一个reducer里管理即可。 connect为组件提供数据和变更方法：本质是高阶组件，连接React组件与Redux store，返回一个新的已经与Redux Store连接的组件类，实现多个组件使用相同状态。通过mapStateToProps和m…

componentWillMount，componentWillReceiveProps, componentWillUpdate准备废除。理由：主要是16 版本 render 之前的生命周期可能会被多次执行。 static getDerivedStateFromProps和 …

1. React 中 keys 的作用是什么？ Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。 有了key属性后，就可以与组件建立了一种对应关系，react根据key来决定是销毁重新创建组件还是更新组件。 key相同，若组件属性有所变化，则…

在hooks出现之前, setState是唯一的方式来改变组件的内部state. 本文梳理一下, setState的工作原理和执行流程. 批量行为：React会合并多次setState操作为一次执行. 异步：setState调用后，会调用其updater.addState，最终…