E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
NextJS
moogose使用
它包括开箱即用的内置类型转换、验证、查询构建、业务逻辑挂钩等安装npmimongoose具体例子E:\
Nextjs
\mongoose-use-demo\app\api[crud]\route.ts连接数据库
活着Viva
·
2023-12-14 22:37
后端
后端
mongodb
Nextui使用
安装和使用https://nextui.org/docs/frameworks/
nextjs
自定义主题https://nextui.org/docs/customization/customize-theme
活着Viva
·
2023-12-14 22:54
前端
javascript
react.js
ecmascript
Nextjs
的 layout = responsive 替换代码
的layout=responsive已被弃用,如果使用,会提示:Imagewithsrc"/xxx/xxx.png"haslegacyprop"layout".Didyouforgettorunthecodemod?结合material-ui的替换代码为:即可实现响应式。https://stackoverflow.com/questions/68255994/next-image-image-di
Dreamy_lin
·
2023-12-06 14:02
前端
nextjs
Vue学习计划--Vue2(一)简单了解vue
后续呢会有react16和react18、node、webpack、vite、以及实战项目,期间会包含umijs,
nextjs
,nuxtjs等等更多的更前沿的
化作繁星
·
2023-12-06 01:42
#
vue2
学习路程
vue
学习
vue.js
前端
NextJS
开发:封装shadcn/ui中的AlertDialog确认对话框
shadcn/ui很灵活可以方便的自己修改class样式,但是仅仅一个确认删除弹窗,需要拷贝太多代码和导入太多包,重复的代码量太多,不利于代码维护。所以进一步封装以符合项目中使用。封装cx-alert-dialog.tsximport{AlertDialog,AlertDialogAction,AlertDialogCancel,AlertDialogContent,AlertDialogDesc
芝士思维
·
2023-11-28 17:14
NextJS开发教程
nextjs
typescript
react.js
NextJS
开发:使用EventBus实现跨组件消息通知
NextJS
、React中跨组件消息事件通知创建event-bus.tsimport{EventEmitter}from'events'exportdefaultnewEventEmitter()设置监听
芝士思维
·
2023-11-28 17:37
NextJS开发教程
前端
nextjs
reactjs
NextJS
开发:Image组件的使用及缺陷
Next.js中的Image组件相比于传统的img标签有以下几个优点:懒加载:Image组件自带懒加载,当页面滚动到Image组件所在位置时才会加载图片,从而加快页面的渲染速度。自动优化:Image组件会自动将图片压缩、转换格式、调整大小,以达到更好的性能和用户体验。支持多种图片源:Image组件支持使用本地文件、远程URL、云存储等多种方式来加载图片,更加灵活方便。支持响应式图片:Image组件
芝士思维
·
2023-11-27 21:06
NextJS开发教程
nextjs
前端
typescript
NextJS
开发:Prisma数据库多表关联查询,使用include替代left join
Prisma中的多表关联查询实例1、schema.prisma中定义模型modelAccount{@@map("account")accountIdInt@id@default(autoincrement())@map("account_id")nickNameString?@db.VarChar(32)@map("nick_name")pwdString?@db.VarChar(128)mobi
芝士思维
·
2023-11-27 21:06
NextJS开发教程
nextjs
react.js
typescript
node.js
NextJS
开发:Prisma数据库事务处理
Prisma是一个开源的ORM库,用于在Node.js和TypeScript中访问数据库。它可以轻松地将数据库模式转换为GraphQLAPI,并提供查询和变更解析器。Prisma支持多个数据库,包括PostgreSQL,MySQL,SQLite和SQLServer。Prisma使用数据模型定义和可重用模块的概念来帮助开发者快速建设可扩展、可维护的应用程序。它还提供了数据实时更新和订阅的功能,使得应
芝士思维
·
2023-11-27 21:05
NextJS开发教程
数据库
nextjs
prisma
node.js
nextjs
中使用Prisma开发接口
prisma是什么Prisma是一个开源的数据库工具链项目,帮助开发人员更快地构建应用程序并减少错误,支持PostgreSQL、MySQL、MongoDB、SQLServer和SQLite。感兴趣的可以去这里查看=》中文网站Prisma主要是用作连接数据库的并支持TS的自动补全在项目中使用主要有三个步骤安装npminstallprisma初始化npxprismainit初始化会生成prisma文件
donghe587
·
2023-11-27 21:59
prisma
nextjs
NextJS
开发:Prisma开启SQL日志输出
在Prisma中打印执行的SQL可以通过在PrismaClient实例上设置log配置参数来实现。具体步骤如下:在你的Prisma项目根目录中,找到prisma/schema.prisma文件在datasource块中,找到你正在使用的数据库配置,并添加provider="postgresql"和enabled=true属性datasourcedb{provider="postgresql"url
芝士思维
·
2023-11-27 21:28
NextJS开发教程
sql
数据库
nextjs
prisma
首页以卡片形式来展示区块链列表数据(Web3项目一实战之五)
很显然,对于出现跨域这类常见问题,您只要在搜索引擎敲上reactjs跨域、vue跨域、
nextjs
跨域等诸如此类关键字,不一会,搜索引擎为您罗列出了一大堆关
甄齐才
·
2023-11-27 03:26
Web3项目实战
区块链
web3
react.js
next.js
跨域
cross
origin
dapp
Nextjs
13基础及Antd的使用
Nextjs
介绍
nextjs
是一个服务器端渲染框架官网地址https://
nextjs
.org创建项目
nextjs
-learningnpxcreate-next-app@latestnextjs-learning
GalenZhang888
·
2023-11-24 20:16
react.js
next.js
NextJS
开发:解决React Hook useEffect has a missing dependency
NextJS
编译出现如下错误,原因是在使用useEffect时,当我们将函数的声明放在useEffect函数外面时或者使用useState定义的历史变量,会报警告Warning:ReactHookuseEffecthasamissingdependency
芝士思维
·
2023-11-22 10:12
NextJS开发教程
react.js
前端
nextjs
typescript
nextjs
12支持less
nextjs
12支持less配置可行的方法:方法2:1)安装依赖npminstallnext-plugin-antd-less2)在next.config.js中加配置constwithAntdLess
qq_43436008
·
2023-11-21 15:38
less
javascript
前端
Nextjs
13报错Unhandled Runtime ErrorError: React.Children.only expected to receive a single React elem
报错UnhandledRuntimeErrorError:React.Children.onlyexpectedtoreceiveasingleReactelementchild.发现是这样的{item.review_cnt}Link里面不能2个分的标签换成这样就行了{item.review_cnt}{this.state.data.category_name}这样也行Link里面不能直接包含文字
lllomh
·
2023-11-20 18:24
我的碎屑世界
#
SSR
react.js
前端
javascript
nextjs
13 中点击传 dom 给函数写法
nextjs
13中点击传dom给函数写法传当前的元素重点是currentTarget.如果直接使用target会传当前元素里面的元素f_nav(event.currentTarget)}>
lllomh
·
2023-11-20 18:23
我的碎屑世界
#
SSR
前端
javascript
html
nextjs
项目修改启动端口号,以及开发启动后自动打开浏览器
next版本:13.5.4一、修改端口在package.json文件当中修改启动命令"scripts":{"dev":"nextdev-p3100","build":"nextbuild","start":"nextstart","lint":"nextlint"},这样以来就会以端口3100进行启动。二、开发启动自动开发浏览器还是在package.json文件当中修改启动命令,并添加启动打开的地
任磊abc
·
2023-11-20 05:06
react
nextjs
next
react
修改端口
自动打开
nextjs
-一个基于React的全栈框架
一、
nextjs
基本介绍Next.js是一个基于React的轻量级框架,用于构建React应用程序。它在React的基础上提供了一些增强功能,包括服务器渲染(SSR)、静态生成(SSG)、路由等。
GEAs
·
2023-11-19 05:26
react.js
前端
前端框架
NextJS
工程部署到阿里云linux Ecs
nextjs
项目有多种部署方式,本文介绍最简单的一种方式,将源码上传到云服务器,编译后使用pm2后台运行
nextjs
工程。
芝士思维
·
2023-11-16 06:40
NextJS开发教程
linux
reactjs
nextjs
NextJS
开发:shadcn/ui中Button组件扩展增加图标
shadcn/ui组件比较灵活,但是功能相比ant之类组件还是缺少太多功能,本文为shadcn/ui为button组件增加图标,加载中动画等效果。安装LucidenpminstalllucideLucide组件import{cn}from'@/lib/utils';import{icons}from'lucide-react';constLcIcon=({name,color,size,class
芝士思维
·
2023-11-16 06:28
NextJS开发教程
react.js
nextjs
Linux系统中查看
NextJS
程序的CPU、内存占用情况
查看端口占用,工程中使用的3000netstat-nultp查看进程名、进程IDtcp600:::3000:::*LISTEN1094059/next-router使用PS命令psaux|grepnext-router显示结果USERPID%CPU%MEMVSZRSSTTYSTATSTARTTIMECOMMANDUSER:显示每个进程所属的用户。PID:进程的唯一标识符(ProcessID)。%C
芝士思维
·
2023-11-15 16:33
NextJS开发教程
linux
服务器
网络
NextJS
判断当前执行代码段是在服务端组件还是客户端组件
NextJS
中定义的函数,可能会存在同时被服务器端组件和客户端组件同时使用的场景,如下代码可以区分当前执行代码所在场景。
芝士思维
·
2023-11-13 06:35
NextJS开发教程
前端
reactjs
NextJS
开发:使用winston记录日志
NextJs
中如果使用RouteHandlers来编写RestfulAPI接口,可以使用winston来将日志存储到文件。
芝士思维
·
2023-11-13 06:35
NextJS开发教程
reactjs
winston
nextjs
NextJS
开发:使用IconPark、Lucide图标库
IconPark、Lucide两个很不错的图标库,如果需要用到微信、阿里等国内logo可以使用IconPark,Lucide中没有包含这些内容。安装IconParknpminstall@icon-park/react--save简单使用import{Home}from'@icon-park/react';封装一下,避免每个页面导入,更换图标库也更方便import{Home}from'@icon-p
芝士思维
·
2023-11-13 06:26
NextJS开发教程
react.js
javascript
前端
react调用api等待返回结果_use SWR为什么能成为我的最爱React库?
全文共2355字,预计学习时长12分钟图源:unsplash在过去的几个月里,我一直在开发
NextJS
应用程序。
weixin_39748183
·
2023-11-09 11:41
use SWR为什么能成为我的最爱React库?
全文共2355字,预计学习时长12分钟图源:unsplash在过去的几个月里,我一直在开发
NextJS
应用程序。
「已注销」
·
2023-11-09 11:32
热点文章
AI
react
next.js+react+typescript+antd+antd-mobile+axios+redux+sass react服务端渲染构建项目,从构建到发布,兼容pc+移动端
https://ant.design/components/overview-cn/antd-mobile官网:https://mobile.ant.design/zhnext.js:https://www.
nextjs
.cn
局外人LZ
·
2023-11-08 19:59
前端
javascript
react.js
sass
前端
typescript
独立开发者学习的技术栈
#前端语言-HTML-CSS/Sass/PostCSS-JavaScript/TypeScriptJS框架-Vue-NuxtJS-React-
NextJS
-RemixJSCSS框架-Tailwindcss-Bulma
ejinxian
·
2023-11-08 11:25
学习
为什么我不使用 Next.js?
原文链接:https://www.epicweb.dev/why-i-wont-use-
nextjs
?
CSDN资讯
·
2023-11-02 10:02
javascript
开发语言
ecmascript
前端
react版本markdown编辑器md-editor-rt,支持ssr
作者的博客前端内容是使用
nextjs
开发的,而内容管理又是使用vue开发的,提取编辑文章和内容渲染的功能形成了这个项目。1.预览1.1功能预览快捷插入内容工具栏、编辑器浏览器全屏、页面内全屏
之间被占用了
·
2023-10-30 18:16
nextjs
引入tailwindcss 、antd、sass
nextjs
之旅文章目录
nextjs
之旅前言一、Whytailwindcss?
@LitterFisher
·
2023-10-29 12:35
nextjs
sass
前端
next 自定义_app 和 _document
目的:因为
nextjs
里面是直接没有index.js,有时候我们需要整个项目遵循一个layout或者是一个link(比如tailwind),那么这个时候,_app和_document的真正的意义才会开始存在为什么自定义
Alec_650e
·
2023-10-21 22:26
next build 报错Type error: ‘wid‘ is possibly ‘undefined‘.
当在
nextjs
中使用jq的时候报错ypeerror:'wid'ispossibly'undefined'.13|$(window).on('load',function(){14|varwid=$(window
lllomh
·
2023-10-17 20:53
我的碎屑世界
#
SSR
前端
javascript
开发语言
React 中报Type error: Could not find a declaration file for module ‘qs‘.(已解决)
ts项目引入qs比如
nextjs
或者reactjsnpminstall--save-dev@types/qs确保你的tsconfig.json文件中有以下设置{ "compilerOptions":{
lllomh
·
2023-10-17 20:46
#
React
我的碎屑世界
前端
javascript
linux
【10分钟】为你的SaaS实现登录
技术栈:
nextjs
+tailwindcss初始
懒编程-二两
·
2023-10-16 07:23
Nextjs
中文文档
Next.js中文站点
nextjs
.frontendx.cnNext.js中文站Githubgithub.com/raoenhui/ne…当前翻译版本为7.0.0-canary.8。
weixin_34238642
·
2023-10-12 20:33
webpack
json
javascript
ViewUI
Nextjs
中文文档 + scss
nextjs
配置
每个项目产品都要加埋点,加500行埋点是不是会占用你一两天的时间而且很容易犯错,想只用一小时准确加完这500行埋点剩下一天喝茶聊天么?来试试这520工具,高效加埋点,目前我们公司100号前端都在用,因为很好用,所以很自然普及开来了,推荐给大家吧http://www.520webtool.com/自己开发所以免费,埋点越多越能节约时间,点两下埋点就加上了,还不会犯错,里面有使用视频,反正免费Next
飞翔的熊blabla
·
2023-10-12 20:02
react
nextjs
构建服务端渲染,同时使用Material UI进行项目配置
一、创建一个next项目使用create-next-app来启动一个新的Next.js应用,它会自动为你设置好一切运行命令:npxcreate-next-app@latest执行结果如下:启动项目:pnpmdev执行结果:启动成功!二、安装MaterialUI依赖根据MaterialUI官网介绍,截至2021年底,样式组件与服务器渲染的材质UI项目不兼容。这是因为babel-plugin风格的组件
任磊abc
·
2023-10-12 20:58
react
react
nextjs
Material
UI
字节青训前端笔记 | Next.js 入门
这节课将讲述为什么要使用ssr渲染,以及如何使用next.js进行ssr项目的开发和部署先给出next.js的官网,本教程只是进行简单的学习笔记的记录,更详细的开发需要你自行深入学习https://www.
nextjs
.cn
摸鱼老萌新
·
2023-10-06 07:17
字节跳动青训营笔记
前端
javascript
next.js
reactjs
ssr
Next.js + TypeScript 搭建一个简易的博客系统
最后完成了一个简易的博客系统,代码地址:https://github.com/Maricaya/
nextjs
-blog预览地址:http://121.36.50.175/不得不说SSR真香,几乎
傲娇的koala
·
2023-10-05 05:54
vue
python
java
javascript
js
使用Class二次封装sequelize (nodejs、next、nuxt操作数据库)
一、前言最近是在做
NextJS
全栈,避免不了去操作数据库。sequelize是一个NodeJS操作数据的ORM框架,可以有效避免原生SQL语句导致的SQL注入漏洞。
l煎饼果子
·
2023-10-03 00:15
数据库
数据库
node.js
typescript
notion +
nextjs
搭建博客
SaaS可以通过博客来获得SEO流量,之前我自己在
nextjs
上,基于MarkDown+Cloudfare来构建博客,很快我就了解到更优雅的方案:notion+
nextjs
搭建博客,之前搭建了过,没有记录
懒编程-二两
·
2023-10-01 23:56
notion
Next Js 服务端渲染实战
Nextjs
实战开发中遇到的一些问题1.部署类1.1静态资源CDN目录1.2Node服务的进程守护1.3自定义服务器1.4多环境部署2.开发类2.1session用户信息持久化2.2配合Redux使用3
Ctrus
·
2023-09-28 09:09
框架踩坑
学习提升
typescript
reactjs
react
node.js
使用CloundFlare R2来构建图床
我利用
Nextjs
构建好了博客系统,可以使用Markdown在上面发送文章,我希望文章中可以有图片,从而让内容更加丰富,此时就需要图床了(即专门用来放图片的服务),搞过自己博客的同学应该不陌生。
懒编程-二两
·
2023-09-26 12:28
NextJS
引入 Ant-Design 样式闪烁问题
按照这里给的样例,抽出关键代码即可步骤:安装包:npmi@ant-design/static-style-extract引入这俩文件genAntdCss.tsx:会帮我们生成./public/antd.min.css//src/scripts/genAntdCss.tsximport{extractStyle}from"@ant-design/static-style-extract";impor
Dreamy_lin
·
2023-09-25 00:38
ant-design
nextjs
React --
nextjs
src/pages里的文件在浏览器显示404
出现的问题解决方案next.config.js/**@type{import('next').NextConfig}*/constnextConfig={trailingSlash:true}module.exports=nextConfig
迷阵
·
2023-09-21 10:41
React.js
react.js
前端
前端框架
nextJS
@10.2.2 引入antd 按需加载报错
yarnaddwebpack@webpack-4在.babelrc引入"plugins":[["import",{"libraryName":"antd",//true的时候才会编译less"style":true}],修改在next.config.jswithCSS({//添加cssModules:true,cssLoaderOptions:{importLoaders:1,localIdent
殇城阡陌
·
2023-09-19 11:28
github克隆下载完整项目代码、某个文件夹、单个文件
克隆完整仓库 克隆某一仓库,以此https://github.com/ultralytics/yolov5为例 克隆完整仓库:gitclonegit@github.com:BolajiAyodeji/
nextjs
-blog.git
小雅之堂
·
2023-09-17 21:35
github
github
git
nextjs
进阶
nextjs
自定义app.js作用:固定layout保持一些公用的状态给页面传入一些自定义数据自定义错误处理
nextjs
自定义document.js用途:只有在服务端渲染的时候才会被调用,用来修改服务器渲染的文档内容
weyde
·
2023-09-06 20:34
上一页
1
2
3
4
5
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他