• 开始浏览
    • 阅读
      • 生活碎片
      • 资源分享
      • 前端开发
      • 闲聊杂谈
      • Nuxt 实战
      • Next 实战
      • Nest 实战
      • 哲学联盟
    • 文章归档
      • 图片
      • 相册
      • 音频
      • 视频
  • 专题
    • 众言
    • 众星
    • 走心评论
    • 图库
  • 足迹
  • 关于
    • 壹个人
      • 关于我
      • 我的装备
      • 站点监控
    • 壹些说明
      • 站点说明
      • 隐私政策
    • 壹些小站
      • Easy Api
      • WeSplit
      • Dream Site
      • 今日热榜
      • Vue3 Admin
      • Cover Magic
    • 辅助工具
      • 数据看板
      • 内容订阅
      • RSS链接

欢迎来到谜叶象限,为您导读全站动态
  • xx 2026-03-23前留言 祝你与所爱之人,平安喜乐,常伴左右
  • moon i 2026-03-11前留言 哈哈哈,随意就好😄
  • 白雾茫茫丶 2026-03-10前留言 感谢关注,新的一年身体健康、哈哈
  • 一勺 2026-03-10前留言 一定一定 会好起来的 关注你好久了
  • 阿猪 2026-02-27前留言 回归常识就可以避免大部分的坑
  • xuan 2026-02-10前留言 小年快乐~OωO
  • 刘郎 2026-02-10前留言 遇到对的人从此风雨同行三餐四季安稳相伴余生皆是欢喜
  • 薛展鹏 2026-02-09前留言 牛牛牛哇😀
  • 白雾茫茫丶 2026-02-04前留言 如果有想出去看看的想法,应该立即行动,这才是我们努力赚钱的意义。 “预载桂花酒,终不似,少年游”
  • 刘郎 2026-01-27前留言 只要有足够的权限 js几乎能在浏览器的世界里闯出一片天😂
2026 年 4 月
日一二三四五六
1234
567891011
12131415161718
19202122232425
2627282930
« 2 月  
最近文章
  • 2026-02-08 年前小记:一次加班,一场尴尬,与一些过年随想
  • 2026-01-01 您好,2026:愿我们奔赴在热爱里
  • 2025-12-26 动态配色方案:在 Next.js 中实现 Shadcn UI 主题色切换
  • 2025-12-24 2025年度报告:普通人的变与不变
  • 2025-12-22 不只是作品集:用 Next.js 打造我的数字作品库
  • 2025-08-19 发现一款宝藏工具:Shots.so,几秒钟做出高级感 Mockup
  • 2025-08-06 Cover Magic:专业的封面设计工具,支持实时预览和高质量导出
  • 2025-07-30 Nuxt4.0初体验:一个简约、精美、现代化的个人站点导航!
热门文章
  • 2025-07-02 Certimate + Let’s Encrypt:零干预的 HTTPS 永续方案
  • 2024-10-09 前端的全栈之路:基于 Vue3 + Nest.js 全栈开发的后台应用
  • 2025-07-30 Nuxt4.0初体验:一个简约、精美、现代化的个人站点导航!
  • 2025-05-20 有人释怀,有人在风里热情不再
  • 2025-07-08 让 GitHub 个人主页更专业:用 WakaTime 实现动态代码统计
  • 2025-08-19 发现一款宝藏工具:Shots.so,几秒钟做出高级感 Mockup
  • 2025-08-06 Cover Magic:专业的封面设计工具,支持实时预览和高质量导出
  • 2025-07-29 git commit -m "feat: 告诉你妈,我现在买得起房子了!"
热门标签
  • React 17
  • Next 14
  • Halo 1
  • Tailwindcss 3
  • 影评 3
  • CSS3 2
  • Mition 1
  • Vite 4
  • flag 1
  • 音乐 1
  • cdn 1
  • vlog 14
  • npm 1
  • JavaScript 5
  • Eslint 1
  • Vue 20
  • Nuxt 13
  • Element Plus 2
  • 汽车 1
  • LOL 2
  • Shadcn UI 2
  • HTML 2
  • TypeScript 2
  • 工具 5
  • 浏览器 2
  • 故事 1
  • 好物 1
  • 讨论 1
  • Nest.js 18
  • Ant-Design 5
  • AI 1
22432° 98 62 285
当您评论及浏览文章且浏览器未禁止COOKIE时,会为您显示最近10条回复及前8篇文章的浏览记录。
没有收拾残局的能力 就别放纵善变的情绪

你好,
我是白雾茫茫丶

    • 1周前

      我大概是病了,现在喜欢周末一个人半夜来健身房,这感觉挺爽哒

    • 2025-07-29

      情绪价值拉满,把我帅哭了。。

    • 2025-06-20

      今天来医院打了第一针类克,希望能有效果!

    • 查看更多瞬间动态
  • 基于 Next.js 的今日热门榜单平台 2025-05-12 评论 白雾茫茫丶
      Next 实战
      ReactNext
    基于 Next.js 的今日热门榜单平台

    这篇文章介绍了使用Next.js框架开发的今日热门榜单平台——云停涧,该平台收集了微博、抖音、百度等多个热门平台的API接口,实现了全网热点的汇总展示。文章详细说明了项目信息、效果预览、热点平台、项目运行和本地部署等,并计划添加拖拽排序、主题切换动画等新功能。

    Next.js 实战 (十):中间件的魅力,打造更快更安全的应用 2025-01-21 评论 白雾茫茫丶
      Next 实战
      ReactNext
    Next.js 实战 (十):中间件的魅力,打造更快更安全的应用

    这篇文章介绍了Next.js中间件的功能与应用,强调其在提升应用性能和安全性方面的重要性。中间件能够拦截并处理每个请求,支持身份验证、请求日志记录及响应数据的预处理等任务。文中通过示例展示了如何利用中间件进行重定向、记录请求信息以及修改请求和响应内容,从而帮助开发者构建更高效、更安全的应用程序。

    Next.js 实战 (九):使用 next-auth 完成第三方身份登录验证 2025-01-17 1 条 白雾茫茫丶
      Next 实战
      ReactNext
    Next.js 实战 (九):使用 next-auth 完成第三方身份登录验证

    这篇文章介绍了如何使用 next-auth 库在 Next.js 应用程序中实现第三方身份登录验证。next-auth 是一个功能强大的身份验证库,支持多种认证方式,包括 OAuth 2.0 提供商和自定义提供商。它具有内置的 OAuth 支持、会话管理、多语言功能、自定义页面、安全默认设置以及与不同数据库的集成能力。文章还提到了配置环境变量和设置 API 路由的相关步骤,帮助开发者快速集成身份验证功能。

    Next.js 实战 (八):使用 Lodash 打包构建产生的“坑”? 2025-01-15 评论 白雾茫茫丶
      Next 实战
      ReactNext
    Next.js 实战 (八):使用 Lodash 打包构建产生的“坑”?

    这篇文章介绍了作者在使用Next.js框架进行项目开发时,遇到使用Lodash库打包构建产生的问题。开发环境中一切正常,但打包构建时出现报错,作者通过查找资料和尝试多种解决方案,但问题依然存在。

    Next.js 实战 (七):浅谈 Layout 布局的嵌套设计模式 2025-01-07 评论 白雾茫茫丶
      Next 实战
      ReactNext
    Next.js 实战 (七):浅谈 Layout 布局的嵌套设计模式

    这篇文章介绍了Next.js中布局嵌套设计模式的应用与挑战。在中后台管理系统中,通常使用固定布局包裹页面,但对于某些特殊页面(如登录页)则不需要布局。Next.js要求每个应用都有一个根布局文件,并支持文件夹层次结构中的布局嵌套。这种设计理念有助于构建复杂且易于维护的页面结构。然而,如何让特殊页面避免被父级布局包裹成为一个问题。作者通过对比两种解决方案,一种是在每个需要的页面单独设置布局,另一种是通过状态管理工具Zustand动态控制是否显示根布局,最终选择了后者作为更简洁的实现方式。

    Next.js 实战 (六):如何实现文件本地上传 2025-01-02 评论 白雾茫茫丶
      Next 实战
      ReactNext
    Next.js 实战 (六):如何实现文件本地上传

    这篇文章介绍了在Next.js框架中如何实现文件本地上传的功能,通过原生上传方式,将文件以哈希值命名并保存到指定目录,同时根据年月对上传目录进行分类。文章详细展示了如何在Next.js中创建API路由,处理POST请求,获取文件数据,生成文件名,以及将文件保存到服务器文件系统中。

    Next.js 实战 (五):添加路由 Transition 过渡效果和 Loading 动画 2024-12-30 评论 白雾茫茫丶
      Next 实战
      ReactNext
    Next.js 实战 (五):添加路由 Transition 过渡效果和 Loading 动画

    这篇文章介绍了如何在 Next.js 应用中添加路由过渡效果和加载动画。通过使用一个功能强大的动画库,开发者可以轻松实现流畅的交互和动画效果,而无需深入了解动画原理。文章展示了如何创建一个全屏加载组件,用于处理页面加载时的空白问题,并提供了一个示例代码来演示加载动画的实现方式。

    Next.js 实战 (四):i18n 国际化的最优方案实践 2024-12-10 1 条 白雾茫茫丶
      Next 实战
      ReactNext
    Next.js 实战 (四):i18n 国际化的最优方案实践

    这篇文章介绍了Next.js框架中实现国际化的一种方案,作者不希望修改应用程序的目录结构和路由。通过使用next-intl插件,作者展示了如何在Next.js项目中添加多语言支持,包括创建语言文件和配置相关插件。

    Next.js 实战 (三):优雅的实现暗黑主题模式 2024-12-10 评论 白雾茫茫丶
      Next 实战
      ReactNext
    Next.js 实战 (三):优雅的实现暗黑主题模式

    这篇文章介绍了如何使用 `next-themes` 库在 Next.js 项目中优雅地实现暗黑主题模式。首先通过安装 `next-themes` 依赖并创建 `ThemeProvider` 组件来管理主题切换逻辑,然后在全局布局文件中引入该组件以支持系统级或手动切换主题的功能。此外,还展示了如何开发一个主题切换按钮组件,允许用户手动选择亮色或暗黑模式。

    Next.js 实战 (二):搭建 Layouts 基础排版布局 2024-12-05 评论 白雾茫茫丶
      Next 实战
      ReactNext
    Next.js 实战 (二):搭建 Layouts 基础排版布局

    这篇文章介绍了Next.js实战中搭建基础排版布局的方法,作者对比了几个组件库后选择了适合的项目,并展示了如何实现一个常规的布局结构,包括左侧菜单、顶部导航和用户操作区域以及中间的业务模块等。

    1 2 3 4 … 10
  • 简述
    没有收拾残局的能力 就别放纵善变的情绪
    me@baiwumm.com
    生涯
  • 行业互联网
  • 职业前端开发工程师
  • 人生
  • 生活角色父母的孩子
  • 社会角色程序员
  • 类型
  • 星座 处女座
  • 生肖 猪
  • 血型A
  • 数据
  • 发表文章98篇
  • 发表评论101个
  • 星球加热20669度
  • 最近的心情能量
      愉快 沮丧
    • 非常愉快 ,当时发表在「基于 Next.js 的今日热门榜单平台」
    • 不喜不悲 ,当时发表在「Next.js 实战 (十):中间件的魅力,打造更快更安全的应用」
    • 不喜不悲 ,当时发表在「Next.js 实战 (九):使用 next-auth 完成第三方身份登录验证」
    • 不喜不悲 ,当时发表在「Next.js 实战 (八):使用 Lodash 打包构建产生的“坑”?」
    • 不喜不悲 ,当时发表在「Next.js 实战 (七):浅谈 Layout 布局的嵌套设计模式」
  • 我在 广东
    湛江市
  • 地图数据来源于高德地图
  • enfj 主人公
    esfp 表演者
    • 外向内向
    • 远见现实
    • 理性感受
    • 评判展望
    • 坚决起伏
  • 了解更多信息
今天是雾记得

2023-04-29

随机阅读「Next.js 实战 (二):搭建 Layouts 基础排版布局」
阅读 这篇文章介绍了Next.js实战中搭建基础排版布局的方法,作者对比了几个组件库后选择了适合的项目,并展示了如何实现一个常规的布局结构,包括左侧菜单、顶部导航和用户操作区域以及中间的业务模块等。
壹行随十人
  • BlogFinder
  • 满心博客志
  • 君主阁
  • 世上云川
  • 笔记星球
  • 博友圈
  • ImQi1
  • 礼印外盒
  • 陌子夕生活录
  • 林间拾语
谜叶象限版权所有 · 架构于Halo及为您增强体验的THYUU/星度主题
粤ICP备2023007649号 粤ICP备2023007649号 粤公网安备44030402006402号 粤公网安备44030402006402号 提供CDN加速/云存储服务 提供CDN加速/云存储服务