KarlFranz

1.概念高阶组件实际上是一个高阶函数，它接收一个组件作为参数，返回被包装的组件(这个传入的参数)，并携带一些参数。高阶组件内部往往会做一些逻辑处理，然后把这些处理后的逻辑数据传递出去。由此实现了组件逻辑的复用。传入的参数组件来写不同

2021-09-28 KarlFranz

高阶组件

1.为什么用reduxReact中，组件的数据是单向流动的，即数据从一个方向(父组件)流向子组件(通过props)。因此，两个非父子组件的通信就相对麻烦，redux的出现就是state数据问题。数据存放于全局，便于统一的配置、管理和维

2021-09-28 KarlFranz

react-redux

arr.reduce(function(prev,cur,index,arr){ ... }, init); // 其中， // prev 表示上一次调用回调时的返回值，或者初始值 init;

2021-09-24 KarlFranz

数组reduce方法

// 将异步程序放入promise实例 // promise.js const Ajaxs = (method, url, data) => { let promise = new Promise((resolve, reject)

2021-09-17 KarlFranz

promise

// 安装 npm install antd --save // 入口文件引入样式文件(注意，必须引入，否则样式无效果) // src/index.ts || src/index.js import 'antd/dist/antd

2021-09-17 KarlFranz

react引入antd

// cra 创建react 脚手架 (javascript) npx create-react-app myapp // cra 创建手脚架 (typescript) npx create-react-app antd-demo-t

2021-09-17 KarlFranz

创建react脚手架

css * { padding: 0; margin: 0; } .you { position: relative;

2021-09-13 KarlFranz

原生轮播图

防抖// 为避免一个函数的执行频率过高，使用防抖。 function debounce(fn,delay){ return function() { //进入该分支语句，说明当前正在一个计时过程中，并且又触发了相同

2021-09-13 KarlFranz

前端性能优化

文件操作cd 文件名 // 切到下级目录 cd .. // 返回上一级 mkdir 文件夹名 // 创建文件夹 rmdir 文件夹名 // 删除文件夹，必须是空文件夹 rmdir 文件夹名 /s // 强制删除，加/q

2021-09-12 KarlFranz

文件命令行操作

// http.js const Ajaxs = (method, url, data, success) => { let ajax = new XMLHttpRequest() if (method.toLocaleLowe

2021-09-10 KarlFranz

封装ajax

一些问题// 在安装了一些插件后，建议在 ***src目录下新建 *.d.ts文件声明引入的插件，否则会报错! // 例如在入口index.ts 引入了 morgan import morgan from 'morgan'

2021-09-06 KarlFranz

typescript

正则表达式 let regex = new RegExp() console.log('regex',regex); /(?:)/ ---------------------------------------------------

2021-09-06 KarlFranz

正则表达式