首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Next.js 实战 (二):搭建 Layouts 基础排版布局

前言 等了许久,Next.js 终于迎来了 v15.x 版本,刚好 Github 上面的旧项目重构完,终于可以放心大胆地去研究 Next.js了。...搭建最新项目可以参考官方文档:Installation 最新的 Next.js 版本,使用的是 React19.x 内测版本,可能存在与其他库不兼容的情况 项目开发规范配置 这块内容我都懒得写了,具体的可以参考我之前写的文章...这个会给后面频繁的 CURD 表单操作带来麻烦,所以放弃了 Ant-Design:Ant-Design 是我再熟悉不过的组件库了,公司的业务用的就是这个,但这个库还是有点偏业务风格,而且目前和 Next.js...layout 排版布局 我们先搞定最常规的布局,shadcn/ui 的 构建块 中有一些常规的布局,我一下就看重这个: 左侧是 slibar,菜单顶部可以放 Logo 和标题 右侧顶部放用户头像和一些操作按钮...html> ); } 最终效果 万事开头难,后续我们就可以在此基础上新增功能、主题配置等,比如:侧边栏宽度、主题色、头部是否固定等 Github 仓库:next-admin 如果你也正在学习 Next.js

13010
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    解决 js 报错 xxx is not defined「建议收藏」

    如果 修改js未生效问题:记得刷新浏览器缓存!!!...快捷键:Ctrl+Shift+R 或者: 报错信息:Uncaught ReferenceError: xxx is not defined 处理该问题从下面几个方面入手: 检查 xxx...的 js文件是否已经引入到该页面 检查 xxx 的 js文件的路径是否有问题 检查 xxx 的 js文件的引用顺序 检查 js 代码写的是否有问题 范例: 报错:Uncaught ReferenceError...: laytpl is not defined 定位到报错位置: 打断点进行调试:(我的是js文件未引入) 检查页面是否有关于laytpl 的js文件: 发现页面并没有引入,在正确引入该文件后...,问题解决 另外一个奇葩的问题:jQuery xxx is not a function 检查js文件引用无误,最后发现是: 我点击了修改按钮,触发了修改操作,在点击保存后,

    4.8K20

    JS常见的报错及异常捕获

    在开发中,有时,我们花了几个小时写的Js 代码,在游览器调试一看,控制台一堆红,瞬间一万头草泥马奔腾而来。...至此,本文主要记录Js 常见的一些错误类型,以及常见的报错信息,分析其报错原因,并给予处理方法。并且将介绍几种捕获异常的方法。 注:本文使用的谷歌游览器验证,不同的游览器,报错可能会不一样。...访问或设置未定义(undefined)或null值的属性时会发生这种报错。...createXHR('http://192.168.10:8080') 异常调试及捕获 ---- try/catch,Js中处理异常的一种模式,try用于可能会发生错误的代码,catch对错误的处理...总结 ---- 报错的时候别慌,有时候就是那么简单,根据这些代码敲一敲,熟悉一些常用的报错信息,便于在报错的时候快速的定位到报错原因。希望对面的小可爱们有所收获。

    5.8K30
    领券