a_lin_ever的博客

原创 普通函数和箭头函数的区别有哪些

对象obj的方法b是使用箭头函数定义的，这个函数中的this就永远指向它定义时所处的全局执行环境中的this，即便这个函数是作为对象obj的方法调用，this依旧指向Window对象。箭头函数不同于传统JavaScript中的函数，箭头函数并没有属于⾃⼰的this，它所谓的this是捕获其所在上下⽂的 this 值，作为⾃⼰的 this 值，并且由于没有属于⾃⼰的this，所以是不会被new调⽤的，这个所谓的this也不会被改变。所以箭头函数中this的指向在它在定义时已经确定了，之后不会改变。

原创 webpack基础配置及核心概念

4.npm install webpack webpack-cli -D（表示记录到 dev里面,只在开发阶段用到)1.新建项目空白目录 ，并运行npm init -y 命令，初始化包管理配置文件 package.json。2.新建src -> index.html 首页和 src -> index.js 脚本文件。是–save-dev的简写。3.初始化首页基本的结构。

原创 实现节流防抖

原创 自定义轮播图

原创 自定义封装axios

相关官网https://www.axios-http.cn/docs/interceptors。

原创 高阶组件函数

高阶组件是指一个接受组件作为参数并返回一个新组件的函数。具体来说，高阶组件本身是一个函数，它接受一个组件作为输入，然后返回一个包装了这个组件的新组件。这个新组件具有一些额外的功能，例如状态管理、渲染条件等，这些功能是由高阶组件提供的。高阶组件可以帮助我们在不需要修改现有组件代码的情况下，为它们添加新的功能和行为。定义参数组件ChildA，ChildB，并在参数组件中拿到高阶函数组件传过来的值，注意使用方法，需要用高阶组件进行包裹。创建高阶函数，函数返回的是一个组件，并向参数中的组件进行传值。

原创 数组常用方法

原创 redux配置

Provider在根组件外面包了一层，这样一来，App的所有子组件就默认都可以拿到state了。创建store.js库，同时配置白名单（可以在浏览器插件中观看redux数据）引入redux-thunk，用于支持异步action。创建reducers库用来操作派发过来的数据。PersistGate 配置数据持久化。