- 博客(6)
- 收藏
- 关注
RSS订阅原创 React Hooks 中的 useContext函数
在这个例子中，通过 createContext 创建了一个上下文对象 MyContext，然后在 ParentComponent 中使用 MyContext.Provider 提供上下文的值。在创建上下文时，使用 React.createContext() 创建一个上下文对象，并通过 Provider 组件提供值。通过useContext，我们可以方便地在函数组件中消费上下文的值，并且在上下文值发生变化时也能够及时更新组件。，我们可以在函数组件中直接访问上下文提供的值，而不需要通过 prop 层层传递。
2023-07-12 21:43:07
110
1
原创 React Hooks 中的 useMemo 函数
当在组件中需要进行复杂的计算或者处理昂贵的操作时，每次组件重新渲染时都会重新执行这些操作，这可能会带来不必要的性能开销。使用 useMemo 可以避免这种情况，它会缓存计算的结果，并在依赖项发生变化时才重新计算。需要注意的是，使用 useMemo 可能会带来额外的开销，所以只有在性能优化的需求明确时才应使用它。计算函数会在依赖项发生变化时重新执行，并返回结果进行缓存，否则直接返回缓存的结果。useMemo 是 React Hooks 中的一个函数，用于优化函数组件的性能。
2023-07-12 21:21:24
85
1
原创 React Hooks 中的 useCallback 函数
当在组件中定义一个回调函数时，每次组件重新渲染时都会创建一个新的函数实例。useCallback 是 React Hooks 中的一个函数，用于优化函数组件的性能。它的主要作用是用来创建一个经过优化的记忆化回调函数。在上面的例子中，只有当 count 发生变化时，handleClick 函数才会重新创建。回调函数会在依赖项变化时重新创建，否则会返回缓存的回调函数。需要注意的是，使用 useCallback 可能会在某些情况下引发额外的复杂性，所以只有在性能优化的需求明确时才应使用它。
2023-07-12 21:03:25
110
1
原创 详细的前端攻击
你所了解的前端攻击手段有哪些，该如何预防？Cross Site Scripting 跨站脚本攻击用户通过某种方式（如输入框、文本编辑器）输入一些内容，其中带有攻击代码（JS 代码）。该内容再显示时，这些代码也将会被执行，形成了攻击效果。最简单的解决方式：替换特殊字符也可以使用第三方工具，例如现代框架默认会屏蔽 XSS 攻击，除非自己手动开启Cross-site request forgery 跨站请求伪造请看下面的故事但此时，攻击已经完成了。黑客在这个空白页面设置了 js 代码，会让小明的邮件都转发到
2023-07-11 22:18:19
71
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人