听风是风

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JS Leetcode 451. 根据字符出现频率排序题解分析

摘要：壹 ❀ 引大前天做的一道题，昨天发版到11点，前天聚餐，一直没时间整理，今天下班闲来无事，还是做个简单思路整理。本题来自LeetCode 451. 根据字符出现频率排序，难度中等，其实整理下思路，其实并不算难，题目描述如下：给定一个字符串，请将字符串里的字符按照出现的频率降序排列。示例 1: 阅读全文

posted @ 2021-07-15 21:03 听风是风阅读(593) 评论(1) 推荐(0) 编辑

JS 可选链操作符?. 空值合并运算符?? 详解，更精简的安全取值与默认值设置小技巧

摘要：壹 ❀ 引说来也比较惭愧，可选链操作符?.在公司项目中使用特别频繁，而我在之前一直以为是类似奇技淫巧的写法，所以也没去查阅相关文档，直到在学习typescript时碰巧看到了可选链操作符与空值合并操作符两个概念，才知道原来是ECMAScript官方提出的新语法。因为本人觉得确实非常好用，所以这里做阅读全文

posted @ 2021-07-11 02:02 听风是风阅读(1073) 评论(2) 推荐(3) 编辑

从零开始的react入门教程（十），快速上手react-redux，相对于redux它究竟简化了什么？

摘要：壹 ❀ 引在前面两篇文章中，我们介绍了redux与context部分概念与基本用法，这里我们做个简单复习。 redux属于应用数据流框架，主要用于应用状态的管理，比如react中的state。其数据流为view-->action-->reducer-->store-->view，比如用户点击了一个阅读全文

posted @ 2021-07-04 23:40 听风是风阅读(314) 评论(0) 推荐(1) 编辑

从零开始的react入门教程（九），react context上下文详解，可能有点啰嗦，但很想让你懂

摘要：壹 ❀ 引我在从零开始的react入门教程（八），redux起源与基础用法一文中，介绍了redux的前辈Flux，以及redux关于单项数据更新的基本用法。我们在前文提到，相对Flux支持多个store，redux推荐唯一数据源，也就是使用一个全局Store去掌管所有数据。数据源虽然统一了，但我们阅读全文

posted @ 2021-06-29 00:59 听风是风阅读(990) 评论(2) 推荐(2) 编辑

导航

公告