本文由我和ChatGTP联合共创，参考资料在文末，如有勘误请指出，如有侵权请联系我删除，谢谢！

什么是 React Context？

Context 是 React 提供的一种跨层级组件通信的机制，它允许你在组件树中共享数据，而不必手动通过 props 一层层传递。

使用 Import 动态导入

我们在使用 import 导入时，绝大部分都是使用的静态的 import 语句，静态的 import 导入会使所有被导入的模块，在加载时就被编译。但是，在有些使用场景中，我们可能希望根据某个条件来进行动态的导入模块。此时就可以使用 import 动态导入代替静态导入。

背景

最近在做前端监控项目时，遇到了关于前端数据上报方式的相关问题。故在此做一个分析和探讨，来比较和分析一下哪种上报方式时最优的，或者说，哪一种上报方式更适合自身，适合当前的业务。我认为，抛开实际使用场景谈孰优孰劣就是耍流氓。凡是都要实事求是，一切从实际出发，才能找出最优解。

背景

通常在进行客户端数据分析和诊断时，我们需要将用户在客户端的浏览等记录，在一个合适的时机发送到服务端进行分析。这个时机显然是非常重要的，如果过早发送数据，那必然会导致某些数据无法收集到，比如用户的停留时长、页面关闭时间等等。所以，在当前页面卸载unload之前，将收集到的数据发送出去，就显得很必要了。

js中得this

this关键词是JavaScript中最令人疑惑的机制之一。this是非常特殊的关键词标识符，在每个函数的作用域中被自动创建，但它到底指向什么，是一个让大多数开发者始终比较头疼的问题，要弄明白js中this的指向问题，需要很多相关知识得储备和理解，比如作用域、作用域链以及函数的调用执行顺序，还要考虑诸多隐性的this绑定、是否在严格模式中等等。本篇文章不试图把关于this得每一点都去讲的一清二楚，而是，从小点到大的点去总结常见的this指向问题，而关于this指向的小点，只不过是大点的一个特殊例子而已。

背景

最近项目中，有涉及到金额的计算以及相关的运算判断，由于忽略了浮点数存在的问题，导致一些判断和计算在某些情况下出现问题，导致bug产生。虽说之前已了解浮点型计算相关问题，但没有在实际的开发过程中重视，加之之前很少接触到金额相关数字处理的业务场景，导致，重蹈前人之覆辙。在此，做一个记录和简单刨析，以加深印象。

问题