橙汁味的西瓜酱

众所周知的原因，前端作为一种特殊的 GUI 软件，做自动化测试困难重重。在快速迭代，UI 变动大的业务中，自动化测试想要落地更是男上加男 🐶。 近期的学习过程中，翻阅了众多前端自动化测试相关的文章，大多数都在讲如何使用自动化测试框架对前端代码进行测试，很少讲解为什么要引入自动…

如果你写了一些代码 (爬虫，监测等) 想要在特定的时间，或者是有规律的执行。手动操作太过麻烦，那么我们就可以通过设置定时任务帮助我们执行。

前置知识 了解基本数据类型与引用数据类型 API React.memo() React.useCallback() React.useMemo() React.memo() 先看问题 React 中当

上篇文章中，我们简单介绍了浮层组件，并基于 Portal 实现了 Modal 组件。在这篇文章中，我们会实现另一种浮层组件 Tooltip。 和 Modal 组件一样，Tooltip 也需要基于

目前大多数的 UI 组件库，例如 Element、Ant Design、iView 等都是通过鼠标事件来处理， 下面这段是 iView 中的 clickOutside 代码，iView 直接给 Document 绑定了 click 事件，当 click 事件触发时候，判断点击目…

在React中，我们经常在子组件中调用父组件的方法，一般用props回调即可。但是有时候也需要在父组件中调用子组件的方法，通过这种方法实现高内聚。有多种方法，请按需服用。

学会调试线上代码是每个前端都必须学会的技能，本篇将介绍使用两种方式调试线上环境中的代码。 先说说为什么要学会调试线上环境？ 大部分情况下，遇到线上bug时，我们可以在本地启动，然后找到对应模块，

前段时间项目涉及出海业务，有了国际化的需求，对于我算是一个比较新的领域，以前的业务没有此类需求。研究了一段时间。正好想起来就写作记录一下。

失去了代码提示和编辑时报错，也就失去了ts的最大作用。为了解决这个问题，typescript就引入了泛型 用来弥补any没有语法提示和报错的缺点。 最开始不指定类型，后面根据我们传入的类型确定类型。 那么这个时候我们就可以使用泛型约束。