听风是风

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

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

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

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

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

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

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

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

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

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

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

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

同一份代码怎能在不同环境表现不同？记一个可选链因为代码压缩造成的bug

摘要：壹 ❀ 引某一天，CSM日常找我反馈客户紧急工单，说有一个私有部署客户升级版本后，发现一个功能使用不太正常。因为我们公司客户分为两种，一种是SaaS客户，客户侧使用的版本被动跟随主版本变动，而私有部署客户而是由我们交付版本给客户，客户有选择权决定是否升级，且用户数据都由客户侧服务器自行存储，对客户阅读全文

posted @ 2021-09-10 01:49 听风是风阅读(465) 评论(5) 推荐(1)

JS axios cancelToken 是如何实现取消请求？稍有啰嗦但超有耐心的 axios 源码分析

摘要：壹 ❀ 引 axios，一个基于promise且对ajax进行了二次封装的http库，在提供了与promise类似的API便捷写法同时，它还有一大特点，便是支持取消http请求。当然取消请求并不是axios独有特性，它也只是对于XMLHttpRequest.abort()进行了内部封装。我在如何做阅读全文

posted @ 2021-08-30 01:59 听风是风阅读(1975) 评论(6) 推荐(2)

React axios 使用 http-proxy-middleware 解决跨域问题小记

摘要：壹 ❀ 引在上篇bug分析的记录文中，提到axios可做到取消接口请求，所以想写一篇关于axios.CancelToken使用以及原理分析的文章（主要是自己好奇到底如何做到的取消）。在准备工作阶段，我需要在本地写一个发起请求的demo并模拟取消，这样才便于例子分析和理解。但在本地react dem 阅读全文

posted @ 2021-08-22 22:45 听风是风阅读(4395) 评论(2) 推荐(0)

如何做好一个基础的搜索功能？记一个因客户大数据量而导致的后发先至Bug

摘要：壹 ❀ 引上篇文章算是开了一个新系列，因为工作缘故，我基本每天都在跟各式各样的bug打交道。其实站在一个开发的角度，我想每个人应该都更喜欢创造新代码，创造新bug，而不是每天都泡在茫茫代码海洋中定位和修复问题。当然，当产品部资源不够时，我偶尔也会接手做做需求，比如上周有个比较急的需求没资源投入，阅读全文

posted @ 2021-08-15 18:36 听风是风阅读(429) 评论(8) 推荐(4)

【React】排查两小时，修改一个词，记一个因代码书写不规范导致的生命周期BUG

摘要：壹 ❀ 引因为现在工作主要以修bug为主，日常工作中总是会接触到千奇百怪的前端问题，它可能是代码缺陷导致的程序错误，也可能是方案不合理造成的性能问题，老实说修bug是一件很枯燥的事情，你需要阅读大量陌生的代码去阅读问题，并不断缩小问题范围找出根因，同时还要保证在修复过程中不会产生额外的其它问题（确阅读全文

posted @ 2021-08-08 17:45 听风是风阅读(330) 评论(2) 推荐(1)

从零开始的react入门教程（十一），react ref 详解，三种写法与 ref 转发（传递）

摘要：壹 ❀ 引在前面的文章中，我们介绍了react的状态提升，随之引出了redux以及context，其实都说到底都是为了方便管理react的状态，让数据交互与组件通信变得更为简单。我们知道，react属于单向数据流，属性方法都像瀑布的水往下层组件流动，子组件获取父组件的属性也很简单，一个props就阅读全文

posted @ 2021-07-22 20:16 听风是风阅读(2152) 评论(1) 推荐(0)

导航

公告