typeScript
文章平均质量分 55
留着鼻涕敲代码
~(@^_^@)~
展开
-
react 搜索框高亮关键字 (函数封装)
1.目标搜索框搜索时输入的内容高亮起来,使用String.prototype.replace完成函数封装2. String.prototype.replace链接:https://developer.mozilla.org/zhCN/docs/Web/JavaScript/Reference/Global_Objects/String/replace格式:-在目标字符串中,用正则做匹配,如果匹配到,就用参数2的返回值来替代匹配的部分const 新字符串 = 目标字符串.replace(正则表原创 2021-12-12 20:44:22 · 1203 阅读 · 0 评论 -
手写图片懒加载-------IntersectionObserver------JavaScript和React
实现思路:利用浏览器提供的 IntersectionObserver,监听图片元素是否进入可视区域,进入后才真正去设置图片元素的 src 属性进行图片加载。1. IntersectionObserver的基本使用详细请看阮一峰IntersectionObserver API 使用教程作用:监听图片元素是否进入可视区域,进入后才真正去设置图片元素的 src 属性进行图片加载。格式:var dom = dom元素// 实例化一个观察者// 它的参数1是一个回调:当被观察的目标进入视口/离开视原创 2021-12-10 21:50:11 · 511 阅读 · 0 评论 -
TypeScript中统一设置axios的返回值类型
问题const res = await request.post('/authorizations', values)console.log(res.) // 这里的点没有提示解决代码// 泛型函数,接口,类type ApiResponse<T> { message:string, data:T }export const login = (values:any) => { return async (dispatch:any) => {原创 2021-12-01 21:34:30 · 4021 阅读 · 0 评论 -
redux初始化
redux 初识化的步骤几乎相同!!几乎都是复制重用1.安装 redux 相关的包:redux : 集中式储存状态,主要包react-redux: 是Redux提出的React绑定库redux-thunk: 中间件-可以再里面进行函数操作注意redux-thunk我这里下载的是2.3.0的版本,最新版有BUG使用TS的时候在redux-thunk@2.4.0新版中,使用dispatch的时候,会丢失提示redux-devtools-extensio:调试工具,需要搭配Redux DevT原创 2021-12-01 20:37:10 · 705 阅读 · 0 评论 -
ThunkAction的类型介绍与使用.(解决在thunk中间件发请求,返回的是个函数无法指定dispatch的问题)
thunk类型的变更,使用了thunk之后,返回的Action类型不再是对象,而是函数类型的Action,因此需要修改Action的类型。ThunkAction类型的使用1. 使用场景如下情景:如果我要确定dispatch的类型改怎么办?2 .ThunkAction类型的使用类型参数1: ReturnType 用于指定函数的返回值类型 void类型参数2: 指定RootState的类型类型参数3: 指定额外的参数类型,一般为unkonwn或者any类型参数4: 用于指定dispatc原创 2021-11-28 21:58:19 · 1354 阅读 · 0 评论