🗒️ 盒子模型

盒子模型的理解是前端使用css实现准确布局、处理元素排列的关键,下面是对MDN上盒子模型文章的一部分难点做见解。 其一就是区块盒子和行内盒子上的行为,其二是2种盒子模型的大小问题。

🗒️ 浅谈CSS3中的视口单位

网站会在PC和移动端上浏览,那么各个浏览器和设备的差异性,会使得兼容处理是一件麻烦的事情。尤其是移动端上的那些个异形屏和内容展示的理念。对此我使用的是tailwind css 。今天要分享的是移动端100VH出现滚动的问题。

🗒️ 纯CSS实现滚动动画

在这篇博客中,我将向大家展示如何使用仅三行简单的CSS代码,实现元素的滚动动画效果。通过创建一个视图容器,添加一些块元素,并利用CSS动画属性,我们可以轻松实现平滑的滚动动画。除此之外,我还会介绍如何根据滚动位置单独针对每个元素进行动画处理,以及如何使用动画范围属性确保元素在到达时完全完成动画。希望通过这篇博客,大家可以在自己的网站中应用这些效果,提升用户体验。

🗒️ 初级 React 开发者都会犯的 useEffect 错误

React中使用useEffect的基本概念和常见错误,包括effect的运行时机、依赖关系的处理、清理函数的使用等。通过示例演示了effect在组件更新和页面渲染中的运行过程,以及不同数据类型之间的差异对依赖关系的影响。同时也提到了使用useMemo和useCallback来优化effect的效果。总之,理解effect的使用对初级React开发者非常重要,可以帮助他们在项目中更加自信地使用effect。

🗒️ 这些错误让你的React项目变慢

在日常的React项目开发中,这些错误会让你的项目变慢。实际上如果你熟悉Vue项目的开发话,这些道理是相同的。这边文章分析的是路由懒加载和图片懒加载。

🗒️ React新手常犯的错误-乱用缓存

此文章记录了React新手开发中无脑使用缓存的错误,并给出了相应的用法来更好的使用Hooks

🗒️ React 常用Hooks

React 18常用的的 hooks,由于React里面的数据改变之后整个函数都会重新渲染,包括子组件。这样就会很浪费性能。这里整理了常用的hooks以及案例分析

🗒️ React 组件通讯与插槽

本文是React 18版本中对于组件通讯和插槽的用法案例说明

🗒️ React 快速入门-核心语法

本文仅仅是作为一个快速入门React的文章,目标人群是那些Vue开发人员,接触过函数式开发,了解了下React的人。

🗒️ Nestjs TypeORM配置+用户加密

该篇主要是针对之前的NestJS搭建框架做一个不同版本的ORM补充

🗒️ VSCode快捷代码片段

经常做前端开发的小伙伴,尤其是Vue或者React框架的,在编写页面的时候,总要新建页面,然后写上重复性很大的代码片段。这里我使用Vscode自带的代码片段,来制作一个快捷方法生成重复且繁琐的代码片段。