qq_42941302的博客

装饰器模式简介在使用 React 框架编程中，我们用高阶组件的时候，使用时往往需要用高阶组件函数包裹当前组件来导出的形式，过于麻烦。装饰器模式则优化了这一点，让我们在编程的过程中节省一点精力。当我们使用了装饰器模式，React 中的高阶组件就可以这样来使用：装饰器模式的配置安装依赖cnpm i @babel/plugin-proposal-decorators react-scripts @babel/plugin-syntax-jsx @babel/helper-create-regexp

TypeScript 入门TypeScript简介TS的来历TypeScript（简称TS）由微软于2013年发布，是ECMA的三巨头语言的老小（JS、AS、TS）。TS的特点TypeScript是一种强类型语言，相对于弱类型语言，开发更容易，（但更难学）。TS的使用方法安装：打开终端，输入npm i typescript -g编程：创建一个.ts为后缀的文件开始编程编译运行：在终输入tsc filename.ts即可编译TypeScript文件，生成一个同名的js文件。

什么是 redux-thunkredux-thunk 是一个中间件，专门用来解决 action 中的异步处理。redux提供了一个方法 applyMiddleware 用来使用中间件。redux-thunk 的安装方法：cnpm i redux-thunk -Sredux-thunk的规则：通常情况下，action必须是一个对象，或者返回一个对象；在使用redux-thunk之后，允许action返回一个函数，函数有个参数dispatch在需要进行异步处理的时候返回函数

immutable 基础入门什么是immutableimmutable（不可改变的）immutable是一种持久化数据。一旦被创建就不会被修改。修改immutable对象的时候返回新的immutable。但是原数据不会改变。原理：持久化数据结构为什么要使用immutable在Rudux中因为深拷贝对性能的消耗太大了（用到了递归，逐层拷贝每个节点）。但当你使用immutable数据的时候：只会拷贝你改变的节点，从而达到了节省性能。总结：immutable的不可变性让纯函数更强大，每次都

父传子：属性传值原理：父级调用子级的时候，在子组件身上绑定一个属性，值为需要传递的数据。子组件中通过 this.props 来获取。父组件的传递：import React, { Component } from 'react'export default class Father extends Component { constructor() { super(); this.state = { msg:"父组件的msg"

先了解一下类组件和函数组件react 的特点就是：一切皆为组件。其中，组件种类有很多，不同种类的组件有不同的功能。我们熟知的组件种类：函数组件、类组件、受控组件、非受控组件、ui组件、容器组件、高阶组件等。我们先介绍一下类组件和函数组件，让我们清楚为什么会有 hooks类组件其中，我们最熟悉的类组件，也就是有状态组件，是这个样子的：import React, { Component } from 'react'export default class MyComponent extend

什么是diff算法react 作为一款最主流的前端框架之一，在设计的时候除了简化操作之外，最注重的地方就是节省性能了。diff算法就是为节省性能而设计的，diff算法和虚拟DOM的完美结合是react最有魅力的地方。其中，diff 是 different 的简写，这样一来，diff 算法是什么也就顾名思义了——找不同。diff算法的基本流程：第一次render在执行的时候会将第一次的虚拟dom做一次缓存，第二次渲染的时候会将新的虚拟dom和老的虚拟dom进行对比。这个对比的过程其实就是diff算法。