菜逼善意

# npm install 原理图解析 npm install会检测是有package-lock.json文件：  没有lock文件 ✓ 分析依赖关系，这是因为我们可能包...

常见的属性 engines属性  engines属性用于指定Node和NPM的版本号；  在安装的过程中，会先检查对应的引擎版本，如果不符合就会报错；  事实上也可以...

常见的属性 scripts属性  scripts属性用于配置一些脚本命令，以键值对的形式存在；  配置后我们可以通过 npm run 命令的key来执行这个命令；  ...

包管理工具npm ◼ 包管理工具npm：  Node Package Manager，也就是Node包管理器；  但是目前已经不仅仅是Node包管理器了，在前端项目中我...

Node的输出 console.log 最常用的输入内容的方式：console.log console.clear 清空控制台：console.clear console....

Node的REPL 什么是REPL呢？感觉挺高大上 REPL是Read-Eval-Print Loop的简称，翻译为“读取-求值-输出”循环； REPL是一个简单的、交互式...

Node的安装 Node.js是在2009年诞生的，目前最新的版本是分别是LTS 16.15.1以及Current 18.4.0： LTS版本：（Long-term sup...

Node.js是什么 官方对Node.js的定义： Node.js是一个基于V8 JavaScript引擎的JavaScript运行时环境。 也就是说Node.js基于V8...

# 自定义Hook 自定义Hook本质上只是一种函数代码逻辑的抽取，严格意义上来说，它本身并不算React的特性。 需求：所有的组件在创建和销毁时都进行打印 组件被创建：打...

useRef useRef返回一个ref对象，返回的ref对象再组件的整个生命周期保持不变。 最常用的ref是两种用法： 用法一：引入DOM（或者组件，但是需要是class...

useContext的使用 在之前的开发中，我们要在组件中使用共享的Context有两种方式： 类组件可以通过 类名.contextType = MyContext方式，在...

需要清除Effect 在class组件的编写过程中，某些副作用的代码，我们需要在componentWillUnmount中进行清除： 比如我们之前的事件总线或Redux中手...

# 认识useState State Hook的API就是 useState，我们在前面已经进行了学习： useState会帮助我们定义一个 state变量，useStat...

Hook的出现 Hook的出现，可以解决上面提到的这些问题； 简单总结一下hooks： 它可以让我们在不编写class的情况下使用state以及其他的React特性； 但是...

为什么需要Hook? Hook 是 React 16.8 的新增特性，它可以让我们在不编写class的情况下使用state以及其他的React特性（比如生命周期）。 我们先...

Navigate导航 Navigate用于路由的重定向，当这个组件出现时，就会执行跳转到对应的to路径中： 我们这里使用这个的一个案例： 用户跳转到Profile界面； 但...

HTML5的History history接口是HTML5新增的, 它有六种模式改变URL而不刷新页面： replaceState：替换原来的路径； pushState：使...

前后端分离阶段 前端渲染的理解： 每次请求涉及到的静态资源都会从静态资源服务器获取，这些资源包括HTML+CSS+JS，然后在前端对这些请求回来的资源进行渲染； 需要注意的...

认识前端路由 路由其实是网络工程中的一个术语： 在架构一个网络时，非常重要的两个设备就是路由器和交换机。 当然，目前在我们生活中路由器也是越来越被大家所熟知，因为我们生活中...