听风是风

react无效渲染优化--工具篇

摘要：壹 ❀ 引本文属于我在公司的一篇技术分享文章，它在我之前 React性能优化，六个小技巧教你减少组件无效渲染一文的基础上进行了拓展，增加了工具篇以及部分更详细的解释，所以内容上会存在部分重复，以下是分享的原文。在过去一段时间，好像每次代码走读大家都对于useMemo、useCallback以及m 阅读全文

posted @ 2023-02-10 18:41 听风是风阅读(619) 评论(0) 推荐(2) 编辑

react 快速接入 sentry，性能监控与错误上报踩坑日记

摘要：壹 ❀ 引本文是我入职第一个月所写，在主导基建组的这段时间也难免会与错误监控和性能监控打交道，因为公司主要考虑接入sentry，所以对于接入sentry的基建任务也提了一些需求，主要分为：支持查看项目Web Vitals指标支持接口错误自定义上报支持接口耗时信息上报统计支持首屏加载耗时监控阅读全文

posted @ 2023-01-04 11:35 听风是风阅读(635) 评论(0) 推荐(0) 编辑

你不知道的React Developer Tools，20 分钟带你掌握 9 个 React 组件调试技巧

摘要：壹 ❀ 引 React Developer Tools 是 React 官方推出的开发者插件，可以毫不夸张的说，它在我们日常组件开发中，对于组件属性以及文件定位，props 排查等等场景都扮演者至关重要的角色；毋庸置疑，熟练使用React Developer Tools 能让你的日常开发更加高效。阅读全文

posted @ 2022-11-06 21:22 听风是风阅读(4593) 评论(12) 推荐(3) 编辑

你所不知道的 vscode，汇集历史版本中你可能不知道的新特性

摘要：壹 ❀ 引 vscode可以毫不夸张的说是大部分前端同学吃饭的工具（webstorm除外），随着时间的推移vscode其实也在不断推出了各种新功能新特性，但vscode并不会默认就实装这些新功能，我相信也有很多同学其实不会关心vscode的更新日志，这就导致会永远跟这些功能擦肩而过。那么本文的目的就阅读全文

posted @ 2022-10-30 22:50 听风是风阅读(1844) 评论(6) 推荐(7) 编辑

前端面试第快速复盘，不标准的面试经验分享（二）

摘要：壹 ❀ 引如果说上篇面经能传达拿到offer的喜悦，那么这篇文章能传达的可能只有各类失败的总结。后续时间我又接触了红杉资本、小满科技、微派网络、作业帮、刀锋互娱，腾讯等。其中有挂技术的，有面试刷KPI走流程的，有腾讯会议等了十多分钟说面试官家里有事没下文的，整体体验就是一个字，难。如果上篇文章我阅读全文

posted @ 2022-09-29 19:36 听风是风阅读(1385) 评论(14) 推荐(3) 编辑

前端面试第一周快速复盘，不标准的面试经验分享（一）

摘要：壹 ❀ 引从深圳离职回武汉也一周多了，上周不慌不忙的安排了两场面试，到本周一为止两家都收到了offer，考虑到某些原因还是把两个offer都拒了。其实说实话也没想到面试能有这么顺利，不过清楚自己在市场上的定位后，还是想之后花时间再搏一搏。说在前面，这两家均非大厂，第一家主要做海外SaaS服务，公阅读全文

posted @ 2022-09-13 22:58 听风是风阅读(1481) 评论(8) 推荐(3) 编辑

React性能优化，六个小技巧教你减少组件无效渲染

摘要：壹 ❀ 引在过去的一段时间，我一直围绕项目中体验不好或者无效渲染较为严重的组件做性能优化，多少积累了一些经验所以想着整理成一片文章，下图就是优化后的一个组件，可以对比优化前一次切换与优化后多次切换的渲染颜色深度与按钮的切换速度：关于减少组件无效渲染，与其说是提几点建议，不如说是在优化过程中所记录阅读全文

posted @ 2022-08-14 16:00 听风是风阅读(1599) 评论(0) 推荐(5) 编辑

React key究竟有什么作用？深入源码不背概念，五个问题刷新你对于key的认知

摘要：壹 ❀ 引我在【react】什么是fiber？fiber解决了什么问题？从源码角度深入了解fiber运行机制与diff执行一文中介绍了react对于fiber处理的协调与提交两个阶段，而在介绍协调时又顺带解释了另一个较为重要的概念diff。那既然提到了diff我们还会顺带问一问diff中另一个有趣阅读全文

posted @ 2022-07-03 17:03 听风是风阅读(757) 评论(3) 推荐(1) 编辑

【react】什么是fiber？fiber解决了什么问题？从源码角度深入了解fiber运行机制与diff执行

摘要：壹 ❀ 引我在[react] 什么是虚拟dom？虚拟dom比操作原生dom要快吗？虚拟dom是如何转变成真实dom并渲染到页面的?一文中，介绍了虚拟dom的概念，以及react中虚拟dom的使用场景。那么按照之前的约定，本文来聊聊react中另一个非常重要的概念，也就是fiber。那么通过阅读本文阅读全文

posted @ 2022-06-26 22:17 听风是风阅读(1563) 评论(2) 推荐(2) 编辑

[react] 什么是虚拟dom？虚拟dom比操作原生dom要快吗？虚拟dom是如何转变成真实dom并渲染到页面的?

摘要：壹 ❀ 引虚拟DOM（Virtual DOM）在前端领域也算是老生常谈的话题了，若你了解过vue或者react一定避不开这个话题，因此虚拟DOM也算是面试中常问的一个点，那么通过本文，你将了解到如下几点：虚拟DOM究竟是什么？虚拟DOM的优势是什么？解决了什么问题？虚拟DOM的性能比操作原生阅读全文

posted @ 2022-06-09 18:40 听风是风阅读(1343) 评论(6) 推荐(6) 编辑

导航

公告