之前使用的截图工具快捷键无效了，后来发现快捷键被其它程序全局注册了，然后尝试找出被哪个注册了，尝试在搜索引擎中找了一圈，发现搜索出来的好多工具不能用了，比如 Windows Hotkey Explorer 现在会把所有的快捷键都打开一遍，效果极其酸爽。还有推荐 PCHunter 这个作者已经停止维护了，有网友反馈 win10 1709、1903 版本都不支持。 经过一番踩坑，发现一个工具还比较好用：OpenArk。其文档是这么介绍自己的： OpenArk是一款Windows平台上的开源Ark工具. Ark是Anti-Rootkit（对抗恶意程序）的简写, OpenArk目标成为逆向工程师、编…
ResizeObserver 用于观察元素内容或边框的尺寸变化。 在这个 API 之前，都是通过 window 的 resize 事件监听元素的尺寸变化。但是这种方法不适用于这种场合： 浏览器窗口大小没有变化但是元素的大小改变了的情况，比如添加删除元素隐藏元素，以及动态改变元素的大小。 浏览器窗口尺寸改变了，但是元素的尺寸并没有变化，此时 resize 事件就浪费了。ResizeObserver 对这种场景下的使用提供了支持，而且可以替代常规的 resize 事件监听器，由于 ResizeObserver 避免了事件捕获/泡泡的开销，在性能上也会更好。 使用从名字上看，ResizeObse…
翻译自：https://reactjs.org/docs/hooks-reference.html Hooks 是 React 16.8 新增的功能。它允许你在不编写类的情况下使用状态和其他 React 特性。 If you’re new to Hooks, you might want to check out the overview first. You may also find useful information in the frequently asked questions section. 如果你是 Hooks 的新手，可能需要先查看概述。你还可以在常见问题部分找到有用的信…
翻译自：https://reactjs.org/docs/hooks-custom.html Hooks 是 React 16.8 新增的功能。它允许你在不编写类的情况下使用状态和其他 React 特性。 构建你自己的 Hooks 可以将组件逻辑提取到可重用的函数中。 我们在学习 Effect Hook 时，在聊天应用程序中看到过这个组件，该组件显示一条指示朋友是在线还是离线消息： import { useState, useEffect } from 'react';function FriendStatus(props) { const …
翻译自：https://reactjs.org/docs/hooks-rules.html Hooks 是 React 16.8 新增的功能。它允许你在不编写类的情况下使用状态和其他 React 特性。 Hooks 是 JavaScript 函数，但在使用时需要遵循两个规则。我们提供了一个linter 插件 来自动检查这些规则： Only Call Hooks at the Top Level只在顶层调用 Hooks 不要在循环语句，条件语句或嵌套函数中调用 Hook。而是在 React 函数的顶层使用 Hooks。遵循此规则，可以确保组件每次渲染时都以相同的顺序调用 Hook。这是 Reac…
翻译自：https://reactjs.org/docs/hooks-effects.html Hooks 是 React 16.8 新增的功能。它允许你在不编写类的情况下使用状态和其他 React 特性。 The Effect Hook lets you perform side effects in function components: Effect Hook 用来在函数组件中处理副作用： import { useState, useEffect } from 'react';function Example() { const [c…
翻译自：https://reactjs.org/docs/hooks-state.html Hooks 是 React 16.8 新增的功能。它允许你在不编写类的情况下使用状态和其他 React 特性。 上一篇文章使用了下面的示例介绍了 Hooks： import { useState } from 'react';function Example() { // Declare a new state variable, which we'll call "count" const [count, setCou…
翻译自：https://reactjs.org/docs/hooks-overview.html Hooks 是 React 16.8 新增的功能。它允许你在不编写类的情况下使用状态和其他 React 特性。 Hooks 是向后兼容的。本文为经验丰富的 React 用户提供了 Hooks 的概述。这是一个快速讲解的概述。如果你感到困惑，请找这样的概括： 详细解释阅读动机 以了解我们为何将 Hooks 引入React。 ↑↑↑ Each section ends with a yellow box like this. They link to detailed explanations. …
翻译自：https://reactjs.org/docs/hooks-intro.html Hooks 是 React 16.8 新增的功能。它允许你在不编写类的情况下使用状态和其他 React 特性。 import { useState } from 'react';function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); retu…
控制次数其实主要从两方面着手，一方面是简单的限制函数的执行次数，而另一方面可以缓存函数的执行结果。 限制函数的执行次数对于有些场景下可能需要控制执行次数，比如设置错误重试次数5次，比如表单提交函数只允许执行一次防止重复提交。 function limit(fn, limit, context) { let current = 0; return function(...args) { if (current >= limit) { return -1; // 或者返回其它有意义的内容 } current += 1; …