听风是风

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

push竟比concat快上数百倍？记一个concat在十万级数据引发的性能问题

摘要：壹 ❀ 引公司产品一直在做企业项目研发工具，所以我们自己当然也会用自己的产品去管理公司大小项目，但在此之前，项目管理体验上一直存在一个卡顿问题。比如我刚登录上账号，在项目里随便到处点点到处跳转页面，然后点击项目头部的搜索功能进行任意搜索，并成功跳转到搜索结果页后，再点击chrome的回退按钮回到上阅读全文

posted @ 2021-10-17 00:12 听风是风阅读(744) 评论(3) 推荐(2) 编辑

【CSS】如何复原被隐藏的滚动条？记一个看似简单的样式问题所引发的一系列思考

摘要：壹 ❀ 引故事的起因是这样的，某一个同事在封装了一个TableList组件，用于做表格视图渲染，但出于研发经验考虑上，他可能觉得表格若出滚动条可能会引发某些不可预估的小问题（毕竟一个基础组件会被用于很多地方），省掉滚动条也避免很多宽度不够的适配问题，于是选择了暴力做法，直接在组件样式中隐藏了双向滚阅读全文

posted @ 2021-09-16 23:12 听风是风阅读(1290) 评论(2) 推荐(2) 编辑

导航

公告