Next.js 项目的初始化和配置-创建项目、配置 Prettier、配置主题 更新默认样式、自定义 Tailwind、使用图标、使用组件、严格模式

NextAuth.js 是一个针对Next.js应用程序的完整开源身份验证解决方案，在Next.js中进行身份验证非常灵活且方便

在前面的两篇文章：CSS深入理解之float浮动和CSS深入理解之absolute定位中，介绍了float和absolute的特性和使用方法，如果大家仔细阅读完了这两篇文章，相信你的CSS打怪技能又提高的一大截，那么趁着自己最近状态不错，就多给大家分享点自己平时所学的技能。一方…

1、static：默认值。没有定位，元素在正常显示出现（它将忽略top、bottom、left、right、z-index声明） 2、relative：生成相对定位的元素，相对于其正常位置进行移动。元素的位置通过 "left", "top", "right" 以及 "botto…

float属性指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。 注：当一个元素浮动之后，从普通文档流中脱离，然后向左或者向右平移，一直平移直到碰到了所处的容器的边框，或者碰到另外一个浮动的元素。 介绍其实很简单，怎样用好它就需要实践了。 效果：为box2添加 …

Tailwind CSS 的基础使用：从宽度高度开始逐步展现 Tailwind CSS 基本的使用规则，包括边距、边框、文本、颜色等常用的样式属性。

不知不觉使用 React 也有一段时间了，最近也在学习 React 的一些相关知识，于是打算整理成文章顺便分享出来，进而巩固自己对 React 整体的认知。如有错误，欢迎指正！

对于 Ref 理解与使用，一些读者可能还停留在用 ref 获取真实 DOM 元素和获取类组件实例层面上，通过本篇文章的学习，你将收获 React ref 的基本和进阶用法，以及 ref 的底层原理

现在前端项目基本都采用打包技术，比如 Webpack，JS逻辑代码打包后会产生一个 bundle.js 文件，而随着我们引用的第三方库越来越多或业务逻辑代码越来越复杂，相应打包好的 bundle.js 文件体积就会越来越大，因为需要先请求加载资源之后，才会渲染页面，这就会严重影…