听风是风

学或不学,知识都在那里,只增不减。

导航

2023年1月4日 #

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

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

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

2022年11月6日 #

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

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

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

2022年10月30日 #

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

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

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

2022年9月29日 #

前端面试第快速复盘,不标准的面试经验分享 (二)

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

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

2022年9月13日 #

前端面试第一周快速复盘,不标准的面试经验分享 (一)

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

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

2022年8月14日 #

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

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

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

2022年7月3日 #

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

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

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

2022年6月26日 #

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

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

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

2022年6月9日 #

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

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

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

2022年5月22日 #

【js奇妙说】如何跟非计算机从业者解释,为什么浮点数计算0.1+0.2不等于0.3?

摘要: 壹 ❀ 引 0.1+0.2不等于0.3,即便你不知道原理,但也应该听闻过这个问题,包括博主本人也曾在面试中被问到过此问题。很遗憾,当时只知道一句精度丢失,但是什么原因造成的精度丢失却不太清楚。而我在查阅资料的过程中发现,大部分文章都是假定了你有一定计算机基础,对于非此专业的人来说,可能文章读起来就显 阅读全文

posted @ 2022-05-22 16:55 听风是风 阅读(640) 评论(8) 推荐(2) 编辑