React
github拾荒专家
学习前端开发过程中,基础的一些知识和干货分享
展开
-
hooks封装-发送验证码
//输入绑定当前dom,传入倒计时,以及发送过后显示的文本,和发送成功后的回调函数,抛出了一个点击发送事件import {useCallback, useRef} from 'react';export default function useSendCode({codeDom, countTime, codeText, sendSucCallBack}) { const codeLoading = useRef(false); const codeTimer = useRef(null);原创 2021-11-24 20:56:22 · 425 阅读 · 0 评论 -
react hooks在swiper5以下中去修改状态失败问题
swiper官方文档提供的原生api是通过new一个swiper实例去调用方法,但是在hooks里面当我想获取到当前的轮播索引的时候却发现不能去存储到我的状态里面,但是我通过改写了一些其他方法发现也不行,应该是swiper new了一个实例之后,不能set其hooks里面的状态,然后我就改写了swiper6的方式去写发现就没有这个问题了是可以修改状态的,代码对比如下:这是swiper5版本下的 const initSwiper = useCallback(() => { var slid原创 2021-08-09 17:55:11 · 313 阅读 · 0 评论 -
TypeScript基础
【 一 】传递参数的个数:多传或者少传报错优点方便后续更新迭代少传或者多传报错function buildName(fristName: string, lastName: string, ageName: string) {return fristName + ‘’ + lastName + ageName;}let result1 = buildName(‘bob’, ‘pop’, ‘aa’);console.log(result1);未传递的参数的时候可以设置默认值:function原创 2021-05-13 20:35:05 · 212 阅读 · 0 评论 -
stylelint --fix found some errors. Please fix them and try committing again.
git 的时候碰见的这个bug,通过 提交的时候可以换成这个就行了 git commit --no-verify -m “xxx”原创 2021-03-23 10:41:43 · 1207 阅读 · 1 评论 -
React hooks中如何通过ref获取到原生dom节点
通过ref进行name绑定,通过创建变量使用useRef,通过name.curren进行取值原创 2021-03-12 15:30:40 · 3610 阅读 · 0 评论 -
typescript学习,每天进步一点点
1、声明的几种数据类型:number=1 :string=“xx” :boolean=“true”:number[]=[1,2] Array< number>=[1,2]泛形 void function hellow():void{alert(“xx”)泛形一般表示没有返回值}null 表示对象值缺失undefined 表示未定义的值naver 代表重来不会出现的...原创 2021-03-12 11:22:09 · 123 阅读 · 0 评论 -
游戏前段日常问题总结
iphonex移动端适配方案const [style,setStyle]=useState({})useeffect(()=>{if(document.body.offsetHeight/document.body.offsetWidth<750(iphonex的宽)/实际页面的宽){setStyle({transform:"scale(0.8)"})}},[])原创 2021-03-01 15:22:34 · 154 阅读 · 0 评论 -
前端常问面试题总结
面试总结1、介绍一下你项目中的重难点2、父子组件传递参数3、state和props区别4、props能否被改变,虚拟dom diff算法5、redux、react生命周期6、原型原型链,继承的几种方式,前后端联调7、null和undifined 的区别 ,unll和undifined有没有toString()方法8、antd design api form 添加回显9、flex布局 口述三栏布局10、position的几个定位区别2021 01.261、自我介绍2、说一下你做的这原创 2021-01-26 21:11:33 · 535 阅读 · 0 评论 -
React生命周期详解(图解)
React 初始化阶段,通过super来绑定组件身上的props1、constructor阶段、通过super来绑定组件身上的props2、static getDerivedStateFromProps(),就是从props里面导出state生命周期的功能实际上就是将传入的props映射到state上面。3、componentWillMount()/UNSAFE_componentWillMount初始化页面4、render()5、componentDidMount,这个阶段既可以调取数据了。原创 2021-01-24 20:01:43 · 989 阅读 · 1 评论 -
React的调和过程
diff策略说道调和,那么我们不得不说react调和的三种策略了。1、treediffer,不会跨级进行比较,同级之间进行对比,如果发现有不同,那么将会删掉整行dom元素,2、component diff 不同组件会直接删掉,对于相同组件继续按层级对比3.element diff 对于元素提供三种操作删除、插入、移动,基于key可以提高效率,否则需要循环新结点一次循环旧结点一次才能找到变化举个例子 :react当我们设置setstate状态进行改变的时候就会触发所谓的调和过程,其实调和过程有好几种原创 2021-01-23 13:47:03 · 424 阅读 · 2 评论 -
React antd Design4x 版本 form表单如何进行清空
React antd 4版本class 版本 form表单如何进行清空我在从3版本升级到4版本的时候发现内容改了很多,在点击提交按钮清空表单的时候我发现没有不能像如下这麽用了,网上找了很多方法都不能用,都是form={form},要不就是hooks版本的就很烦,没有找到我想要的,最终在自己的不断尝试下,给搞出来了。用法如下antd 4 上面提供的是hooks版本,我用的是class版本写的请在你的form 表单里这样写:用ref进行绑定,4 版本中class表单的值都是name绑定的,所以当原创 2021-01-15 19:08:16 · 1392 阅读 · 0 评论