听风是风

【JS】因两道Promise执行题让我产生自我怀疑，从零手写Promise加深原理理解

摘要：壹 ❀ 引其实在去年七月份，博客所认识的一个朋友问了我一个关于Promise执行先后的问题，具体代码如下： const fn = (s) => ( new Promise((resolve, reject) => { if (typeof s 'number') { resolve(); } el 阅读全文

posted @ 2022-02-13 19:41 听风是风阅读(1577) 评论(9) 推荐(5)

一键跳转组件所在的文件与具体行数，提升排查效率，分享几个 React Developer Tools 使用小技巧

摘要：壹 ❀ 引 React Developer Tools对于很多开发同学可能就是一个检查组件props传递对不对的工具，但事实上它的功能比我们想象的强大。比如我们日常排查问题，常常会遇到想知道某个页面某个组件是在哪个文件的第几行定义的。常规做法自然是搜索组件名，结合文件名称粗略定位，但其实React 阅读全文

posted @ 2022-01-21 17:25 听风是风阅读(1119) 评论(2) 推荐(0)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

导航

公告