别着急，坐和放宽
摘要： Next 整合 svg 处理库 svgr/webpack
ps：svgr 直接允许将 svg 文件用作组件 直接调用 依赖： Next: 14.2.13 @svgr/webpack: 8.1.0 使用步骤： 保存 svg 文件到项目目录中 安装依赖 pnpm install @svgr/webpack 配置 next.config.js: /** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: false, experimenta...
摘要： Next 整合 MDX 的基本步骤
MDX官网：https://mdxjs.com/ ps：MDX 可让您在 Markdown 内容中使用 JSX。您可以导入组件（例如交互式图表或警报），并将其嵌入到内容中。 详细步骤 安装依赖pnpm install @next/mdx @mdx-js/loader @mdx-js/react @types/mdx 编写配置文件 next.config.js const withMDX = require('@next/mdx')({ options: { remarkPlugins: [], ...
摘要： Vue 项目报错内存溢出处理
ps：每次修改代码后，编译器重新编译报错，内存溢出，程序运行停止 报错 [8476:0000018AB274A6A0] 236375 ms: Scavenge 3607.6 (4086.1) -> 3596.0 (4086.1) MB, 5.09 / 0.00 ms (average mu = 0.323, current mu = 0.275) task; [8476:0000018AB274A6A0] 237903 ms: Mark-Compact (reduce) 4412.0 (4890.5) -> 4242.7...
摘要： AES 和 RSA 的基本介绍以及如何结合使用两者实现前后端传输数据过程中进行加密
参考：https://www.cnblogs.com/privateLogs/p/17888711.html 环境： 后端 spring boot 前端 vue3 + axios 对称加密：加密和解密用同一组密钥。AES（一组 key，进行加密和解密） 非对称加密：加密和解密不用同一组密钥。RSA（公钥加密，私钥解密） 核心思想 后端： 后端RSA：公钥public1，私钥private1 后端AES：aes1 后端加密数据：data1 前端： 前端RSA：公钥public2，私钥private2 前端AE...
摘要： 介绍了 React 中的严格模式 StrickMode 的作用，行为，以及如何在 Next 中使用和关闭登
严格模式：React 的严格模式是开发模式独有的功能，用于突出显示应用程序中的潜在问题。它有助于识别不安全的生命周期、遗留 API 的使用情况以及许多其他功能。 需要了解：自 Next.js 13.5.1 起，严格模式true默认随app路由器一起提供，因此上述配置仅对 是必要的pages。您仍然可以通过设置 来禁用严格模式reactStrictMode: false。 行为 严格模式启用了以下仅在开发环境下有效的行为： 组件将...
摘要： 单体项目改造微服务详细步骤
ps：将一个 springboot 项目改造为微服务项目所需要的详细步骤。 技术栈： SpringBoot 2.6.13 Spring Cloud Alibaba 2021.0.5.0 Nacos OpenFeign Knife4j 注意！！！版本一定要对应 | spring cloud | spring boot | | ---------------------- | ---------------- | | 2023.0.2，2023.0.3 | 3.3.x，3.2.x | | 2021.0.5...
摘要： 对 OJ 后端代码进行知识点梳理
ps：对 OJ 系统后端的进行梳理，梳理的知识点仅仅是针对作者本人有用的，以及添加了部分个人理解。如果有理解错误或有其他更好的理解，麻烦给予指正，实在是感激不尽！！！若有其他侵权行为。请及时告知，会作以调整。 Controller 层 限制爬虫 通过对分页查询接口，判断一页数据请求的大小（例如 size > 20），来判断是否被爬虫 model 层 dto 主要是对前端请求进行封装，在 Controller 层中使用 @RequestBody 来接收请求参数 而 vo 是对 entity 或者 dto 进行再一次...
摘要： AOP 使用
==持续更新中… …== 切面编程，适用场景： 1. 权限校验 2. 记录日志 引入依赖 org.springframework.boot spring-boot-starter-aop 创建切面类 @Aspect @Component @Slf4j public class LogInter...
摘要： docker 容器之间互相访问
容器之间互相通信，可以适用于以下场景： 1. 容器之间发送 http(s) 请求 2. 多个服务之间互相通信（springboot 之间，springboot 和 mysql 之间等） 虚拟 ip 访问 使用 docker inspect -f '{{range .NetworkSettings.Networks}}{{.IPAddress}}{{end}}' 查看容器的虚拟 ip 直接访问 ip 即可（ping ip，或者 http://ip:port） link 连接...
摘要： 使用 Cerbot + Nginx 自动生成 SSL 证书并自动续期
Cerbot ：自动从 Let’s Encrypt 提供商获取 SSL 证书，并自动续期 官网地址：Cerbot 官网 步骤 安装 snapd 根据不同的操作系统，使用不同的命令，详情见官网安装 安装 Cerbot snap install --classic certbot 确保 cerbot 命令不报错：`ln -s /snap/bin/certbot /usr/bin/certbot...