听风是风

学或不学,知识都在那里,只增不减。

导航

2022年1月9日 #

使用memoizee缓存函数提升性能,竟引发了indexOf的性能问题

摘要: 壹 ❀ 引 公司前端组基本每个月会举行一次前端月会,用于做前端组基础设施以及其它重要信息的同步,会议最后一个环节就会分享本月前端同学在开发中所遇到的奇怪bug,或者一些有趣的问题。在分享的问题中,我发现一个关于缓存库memoizee引发的性能问题还挺有意思,毕竟一个提升性能问题的库居然还能引发其它性 阅读全文

posted @ 2022-01-09 18:28 听风是风 阅读(6) 评论(0) 推荐(0) 编辑

2021年12月28日 #

提升正则读写效率,超好用的正则图解工具Regulex与在线调试工具regexr

摘要: 壹 ❀ 引 正则表达式可以说是不少开发者心中的一根刺,平时使用场景好像也不多,但一旦要用写起来又有些头疼。抱着长痛不如短痛的想法,我曾在2019年年末,花了半个月时间完整读完了老姚的正则迷你书,并在博客中记录了对应章节的读书笔记。虽然正则没到多厉害的地步,但起码也满足了日常开发中正则的读与写。 碰巧 阅读全文

posted @ 2021-12-28 23:55 听风是风 阅读(28) 评论(0) 推荐(0) 编辑

2021年12月15日 #

react router component与render有什么区别?提升渲染性能,记一个react router component 误用导致请求死循环的有趣bug

摘要: 壹 ❀ 引 下午前端大佬突然私聊我,说发现了一个很有趣的bug,问我有没有兴趣,因为我平时会记录一些自认为有意思的问题,所以毫不犹豫就答应了,问题表现如下,当我们系统进入到某个页面下时,接口居然无止境的不断请求,跟陷入了死循环一样。 问题简单排查下来其实也不算复杂,算是react router理解不 阅读全文

posted @ 2021-12-15 17:01 听风是风 阅读(42) 评论(0) 推荐(0) 编辑

2021年12月9日 #

react 新旧生命周期有什么区别?新增了哪些钩子?废弃了哪些钩子?为什么废弃?

摘要: 壹 ❀ 引 在日常面试中,若对于了解react的同学而言,多多少少会被问到生命周期相关的问题,比如大致阐述生命周期的运作流程,以及每个钩子函数大致的作用,而我在两位出去面试的同事那里了解到,他们都遇到了react新版生命周期废弃了哪些钩子?为什么要废弃?这个高频问题。 我在从零开始的react入门教 阅读全文

posted @ 2021-12-09 17:10 听风是风 阅读(43) 评论(0) 推荐(0) 编辑

2021年11月30日 #

npm修改源地址,使用nrm管理源仓库地址

摘要: 壹 ❀ 引 事实上现在大部分的公司,都会有自己的npm三方包管理仓库,利于三方包版本管理以及项目三方依赖稳定性。但如果我们npm配置了公司的源仓库地址,以后所有的三方包来源都将以这个仓库为准,假设你现在要下载一个仓库没有的包,很自然的会提示报错,告诉你找不到这个module,那么本文主要记录源地址修 阅读全文

posted @ 2021-11-30 23:49 听风是风 阅读(190) 评论(0) 推荐(0) 编辑

2021年11月29日 #

看似简单的input框输入竟然异常卡顿,记一个日常性能问题的排查思路

摘要: 壹 ❀ 引 我们公司产品主要提供企业项目管理服务,那么自然有配套的desk工单管理系统,用于搜集客户bug以及相关问题反馈。有一天我在测试功能时碰巧发现了一个bug,所以就想着提一个工单记录下方便日后修复。但就在创建工单填写标题时我发现标题输入卡爆了,本想着创建一个bug工单,结果又附带新建了一个性 阅读全文

posted @ 2021-11-29 00:03 听风是风 阅读(202) 评论(0) 推荐(0) 编辑

2021年11月28日 #

react 八千字长文深入了解react合成事件底层原理,原生事件中阻止冒泡是否会阻塞合成事件?

摘要: 壹 ❀ 引 在前面两篇文章中,我们花了较大的篇幅介绍react的setState方法,在介绍setState同步异步时提到,在react合成事件中react对于this.state更新都是异步,但在原生事件中更新却是同步,这说明react在合成事件处理上必定与原生事件存在部分差异,那么本篇文章就来着 阅读全文

posted @ 2021-11-28 00:00 听风是风 阅读(68) 评论(0) 推荐(0) 编辑

2021年11月13日 #

react 聊聊setState异步背后的原理,react如何感知setState下的同步与异步?

摘要: 壹 ❀ 引 在react中的setState是同步还是异步?react为什么要将其设计成异步?一文中,我们介绍了setState同步异步问题,解释了何种情况下同步与异步,异步带来了什么好处,以及react官方为何要将setState设计成异步。 但因为文章篇幅问题,我们遗留了一个与setState底 阅读全文

posted @ 2021-11-13 20:59 听风是风 阅读(70) 评论(0) 推荐(0) 编辑

2021年11月6日 #

react中的setState是同步还是异步?react为什么要将其设计成异步?

摘要: 壹 ❀ 引 了解react的同学都知道,react遵守渲染公式UI=Render(state),状态决定了组件UI最终渲染的样子(props也可以理解为外部传入的状态),由此可见state对于react的重要性。而在实际使用中,若我们想修改状态必须得借用APIsetState,也只有通过此方法修改状 阅读全文

posted @ 2021-11-06 22:27 听风是风 阅读(142) 评论(0) 推荐(0) 编辑

2021年10月25日 #

即截即贴,推荐一个提升截图对比效率的工具Snipaste

摘要: 壹 ❀ 超好用的snipaste 你的图片是用座机(锁孔)拍的吗?我们常常会这样嘲讽那些不会使用截图工具,硬要用手机拍出高斯模糊特效的群友(对个焦怎么就这么难= =),其实不管是日常生活还是工作,QQ或者微信在我们的电脑上总是会登录一个,日常截图使用这两个工具的快捷键已经绰绰有余了。 那为什么我还在 阅读全文

posted @ 2021-10-25 23:45 听风是风 阅读(144) 评论(8) 推荐(0) 编辑