React中使用useEffect的基本概念和常见错误,包括effect的运行时机、依赖关系的处理、清理函数的使用等。通过示例演示了effect在组件更新和页面渲染中的运行过程,以及不同数据类型之间的差异对依赖关系的影响。同时也提到了使用useMemo和useCallback来优化effect的效果。总之,理解effect的使用对初级React开发者非常重要,可以帮助他们在项目中更加自信地使用effect。
在日常的React项目开发中,这些错误会让你的项目变慢。实际上如果你熟悉Vue项目的开发话,这些道理是相同的。这边文章分析的是路由懒加载和图片懒加载。
此文章记录了React新手开发中无脑使用缓存的错误,并给出了相应的用法来更好的使用Hooks
React 18常用的的 hooks,由于React里面的数据改变之后整个函数都会重新渲染,包括子组件。这样就会很浪费性能。这里整理了常用的hooks以及案例分析
本文是React 18版本中对于组件通讯和插槽的用法案例说明
本文仅仅是作为一个快速入门React的文章,目标人群是那些Vue开发人员,接触过函数式开发,了解了下React的人。
Next.js 14的一个快速开发环境搭建
该篇主要是针对之前的NestJS搭建框架做一个不同版本的ORM补充
经常做前端开发的小伙伴,尤其是Vue或者React框架的,在编写页面的时候,总要新建页面,然后写上重复性很大的代码片段。这里我使用Vscode自带的代码片段,来制作一个快捷方法生成重复且繁琐的代码片段。
在前端开发中,我们经常会遇到需要动态变化的视觉效果。今天我们将讨论如何利用 CSS 的 mix-blend-mode 属性,实现一个文本穿过特定背景时反色的效果。具体来说,我们会创建一个背景为黑色的 div 元素,并让文本从中穿过。当文本进入 div 的区域时,其颜色会从黑色变为白色,离开时则恢复为黑色。
在日常开发中,需要处理一些高并发的请求或者处理用户邮件认证等一些场景。那么就需要Redis了。 Redis 是一个开源的内存中数据结构存储系统,它可以用作数据库、缓存和消息中间件。
vite项目可以直接部署到vercel上,不用做任何修改。但是这里会遇到一个问题,就是网站访问接口跨域。如果是普通的服务器,那么通常就是用nginx做反向代理。但是对于Vercel我们无法这么做。