coderJason2020_社区达人页

2024年05月

• 01.23 21:00:02
  发表了文章 2024-01-23 21:00:02

  解决 nginx 启动错误host not found in upstream "XXXX.com“

  在前置机上利用nginx进行反向代理的时候，我们会配置proxy_pass。在启动nginx的会报如下错误：host not found in upstream "XXXX.com“

2023年09月

• 09.25 20:39:35
  发表了文章 2023-09-25 20:39:35

  VUE3实现全局水印功能

  watermark-js-plus 是一个用于给图片添加水印的 JavaScript 库。它提供了一个简单的方式来在图片上添加文字水印、图片水印或自定义水印。

2023年08月

• 08.24 19:47:41
  发表了文章 2023-08-24 19:47:41

  [Nestjs] 限制请求次数

  在NestJS中限制请求次数，可以使用中间件来实现。以下是一种常见的方式： 1.创建一个限制请求次数的中间件： 创建一个名为 RateLimitMiddleware 的中间件，该中间件用于限制请求次数。在该中间件中，你可以使用使用第三方库（如 express-rate-limit、fastify-rate-limit）来实现请求限制逻辑，这些库提供了方便的方式来设置每个IP地址或其他标识符的请求次数限制。
• 08.24 19:45:41
  发表了文章 2023-08-24 19:45:41

  [Nestjs] 解决跨域问题

  在前后端开发中，经常遇到需要解决跨域问题。接下来简单介绍在Nestjs中解决跨域问题的方法
• 08.24 19:43:22
  发表了文章 2023-08-24 19:43:22

  使用docker来部署Nestjs的简单配置

  使用docker部署nestjs 的好处有很多： 1. 可移植性：Docker容器提供了一种轻量级、可移植的部署方式。使用Docker部署NestJS应用程序可以确保在不同的环境中运行一致，并且避免了由于依赖关系或配置问题导致的部署错误。 2. 环境隔离：Docker容器为每个应用程序提供了一个隔离的运行环境。这意味着你的NestJS应用程序在容器中运行时，与主机系统和其他容器相互隔离。这样可以避免由于系统环境差异而引起的问题，并增加应用程序的安全性。
• 08.24 18:25:39
  发表了文章 2023-08-24 18:25:39

  Nestjs如何使用Jest测试代码

  使用Jest测试代码的好处有很多 1. 简单易用：Jest提供了简洁的API和友好的命令行界面，使得编写和运行测试代码变得非常容易。它的断言语法清晰明了，减少了编写测试用例的工作量。 2. 自动化和集成：Jest能够自动运行你的测试用例，并提供了丰富的报告和统计信息。它还可以与持续集成工具（如Jenkins、Travis CI等）集成，使得测试过程更加自动化和可靠。 3. 快速和高效：Jest采用了并行执行测试用例的策略，可以更快地执行大量的测试代码。此外，Jest还具有智能的文件监视功能，只运行受影响的测试用例，从而提高了开发效率。
• 08.24 18:22:24
  发表了文章 2023-08-24 18:22:24

  Docker compose v1 与 v2版本区别

  Docker Compose是用于定义和管理多容器Docker应用程序的工具。下面是Docker Compose版本1和版本2之间的一些区别：
• 08.24 18:19:32
  发表了文章 2023-08-24 18:19:32

  如何快速的学习认识Flutter

  学习和掌握Flutter需要一定的时间和实践，但以下步骤可以帮助你快速入门并认识Flutter： 1.学习Dart语言：Flutter使用Dart作为开发语言，所以首先要熟悉Dart语法和基本概念。你可以查阅Dart官方文档、教程或在线课程来学习Dart的基础知识。 2.安装Flutter：访问Flutter官方网站，下载并安装适用于你操作系统的Flutter SDK。按照官方文档中的指引进行配置和设置。 3.创建Flutter项目：使用Flutter命令行工具（flutter CLI）创建一个新的Flutter项目。在命令行中运行以下命令：
• 08.24 18:16:13
  发表了文章 2023-08-24 18:16:13

  Flutter 入门指南之 Dart 语言基础介绍

  Dart是一种由Google开发的通用编程语言，用于构建跨平台的移动、Web和桌面应用程序。以下是Flutter入门指南中的Dart语言基础知识：
• 08.24 18:13:34
  发表了文章 2023-08-24 18:13:34

  Vite 如何兼容老版本浏览器，解决浏览器无报错但打开空白

  最近一个医院的项目，遇到有些电脑能访问web页面，有些电脑无法访问。最后发现是浏览器版本不一样，老的浏览器版本不能正常访问，而新的浏览器可以访问。因为医院是内网环境，电脑数量又比较多，所以没办法一一去升级浏览器版本。
• 08.24 18:10:45
  发表了文章 2023-08-24 18:10:45

  如何在VUE使用PDF，使用VUE-PDF就够了

  在vue中实现在线预览PDF文件我们可以使用vue-pdf来实现
• 08.24 18:07:51
  发表了文章 2023-08-24 18:07:51

  如何在vue3中使用pinia

  Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。在 Vue 3 中使用 Pinia，你可以按照以下步骤进行操作： 安装 Pinia：在你的 Vue 3 项目中，通过 npm 或 yarn 安装 Pinia
• 08.24 18:05:19
  发表了文章 2023-08-24 18:05:19

  TypeScript中字符串枚举和联合类型的区别

  在 TypeScript 中，字符串枚举和联合类型是用来表示一组相关值的两种不同方法。
• 08.24 18:01:48
  发表了文章 2023-08-24 18:01:48

  CSS嵌套与Sass嵌套的区别

  CSS 嵌套是指在 CSS 规则中嵌套选择器，以便更清晰地表示元素之间的层次关系。例如，使用 CSS 嵌套可以将子选择器放在父选择器内，使样式规则更具可读性。
• 08.24 17:59:27
  发表了文章 2023-08-24 17:59:27

  Typescript vs Javascript 这两种流行编程语言之间的主要区别

  TypeScript 是 JavaScript 的一个超集，它添加了静态类型、类、接口和其他一些特性。下面是 TypeScript 和 JavaScript 之间的主要区别：
• 08.24 17:56:36
  发表了文章 2023-08-24 17:56:36

  [JavaScript] 回调、匿名和递归函数的简单介绍

  回调函数（Callback Functions）：在JavaScript中，回调函数是作为参数传递给其他函数的函数。当执行某个操作完成后，主函数将调用回调函数来处理结果。这种机制常用于异步编程，例如处理AJAX请求或定时器事件。
• 08.24 17:53:55
  发表了文章 2023-08-24 17:53:55

  CSS 单位详解以及怎样使用它们

  CSS 单位用于测量和指定元素的尺寸、距离和其他属性。下面是一些常见的 CSS 单位及其使用方法的详细解释：
• 08.24 17:50:45
  发表了文章 2023-08-24 17:50:45

  [CSS技巧] 使用黑白效果来改变网站外观

  在一些特殊时期，或者特殊日子里，我们需要通过黑白样式展现网站。
• 08.24 17:47:38
  发表了文章 2023-08-24 17:47:38

  [CSS技巧]使用灰度和模糊来保护敏感内容

  要使用 CSS 中的模糊和灰度效果来保护敏感内容，你可以应用以下样式：
• 08.24 17:45:21
  发表了文章 2023-08-24 17:45:21

  [CSS技巧] 剪辑路径

  剪辑路径（Clip Path）是一种 CSS 技术，用于创建非矩形的图形剪辑区域。它可以将元素裁剪为不同的形状，如圆形、椭圆形、多边形或自定义路径。这为我们创造各种有趣和独特的设计效果提供了可能性。
• 08.24 17:37:16
  发表了文章 2023-08-24 17:37:16

  使用vue3模拟Mac程序坞鼠标悬停动画

  要使用 Vue 3 模拟 Mac 程序坞（Dock）鼠标悬停动画，你可以使用 Vue 的过渡效果和动态类绑定来实现。
• 08.24 17:34:58
  发表了文章 2023-08-24 17:34:58

  JavaScript 中的原型、对象原型、原型继承和原型链

  在 JavaScript 中，原型（prototype）是一个对象，它用于实现对象之间的继承和共享属性。JavaScript 是一种基于原型的编程语言，每个对象都有一个原型，而原型又可以拥有自己的原型，形成一个原型链。
• 08.24 17:32:22
  发表了文章 2023-08-24 17:32:22

  TypeORM 实体存储数字并保留小数点后3位

  在 TypeORM 中，可以使用 @Column 装饰器的 type 属性来定义实体中数字字段的数据类型，并且可以通过 scale 和 precision 属性来设置保留小数点后的位数。以下是一个示例：
• 08.24 17:30:27
  发表了文章 2023-08-24 17:30:27

  [Nestjs]使用PM2部署简单介绍

  要使用 PM2 部署 Nest.js 代码
• 08.24 17:26:10
  发表了文章 2023-08-24 17:26:10

  使用PM2和Docker部署的差异以及各自的优点有哪些？

  PM2 是一个进程管理工具，而 Docker 是一个容器化平台。它们在部署方式、优点和用途上有一些差异。
• 08.24 17:23:13
  发表了文章 2023-08-24 17:23:13

  [Nestjs] 使用redis的基础配置，以及基本使用的介绍

  要在 NestJS 中使用 Redis，需要安装依赖npm install --save redis fastify-redis
• 08.24 17:20:52
  发表了文章 2023-08-24 17:20:52

  css3实现动画无限循环

  要在CSS3中实现动画的无限循环，你可以使用animation 属性和 infinite 关键字。以下是一个示例：
• 08.24 17:19:07
  发表了文章 2023-08-24 17:19:07

  使用css实现文字横向滚动循环

  要实现文字横向滚动循环效果，可以使用 CSS 的动画和@keyframes关键帧来创建。下面是一个示例，演示如何使用 CSS 实现文字的横向滚动循环：
• 08.24 17:16:15
  发表了文章 2023-08-24 17:16:15

  [Nestjs] 使用ncc加快启动速度

  通过使用 ncc 可以将 NestJS 应用程序打包成一个单独的可执行文件，这可以加快应用程序的启动速度。下面是使用 ncc 加快 NestJS 应用程序启动速度的步骤：
• 08.24 17:12:39
  发表了文章 2023-08-24 17:12:39

  [NsetJs] 使用websocket简单介绍

  WebSocket 是一种基于 TCP 的协议，它提供了双向实时通信的能力。相比传统的 HTTP 协议，WebSocket 具有更低的延迟和更高的性能。以下是 WebSocket 的一些特点和优势：
• 08.24 17:00:50
  发表了文章 2023-08-24 17:00:50

  [Nestjs] 集成定时器以及使用方法

  在后台开发中，我们经常遇到定时的需求，比如每天早上八点推送日志，推送待办，推送天气预报等。接下来简单介绍Nestjs集成定时器的简单使用方法！
• 08.24 16:57:29
  发表了文章 2023-08-24 16:57:29

  [Nestjs] 集成 Swagger

  安装 Swagger 模块：首先，使用 npm 或者 yarn 安装 @nestjs/swagger 模块。
• 08.24 16:48:47
  发表了文章 2023-08-24 16:48:47

  [Nestjs] 使用Typeorm 在实体中根据时间生成随机编码

  在日常开发中，我们会遇到很多需要自动生成编码的地方，比如订单号，单据号等。
• 08.24 16:46:56
  发表了文章 2023-08-24 16:46:56

  [Nestjs] 使用log4js-node实现日志生成

  安装依赖：使用 npm 或 yarn 安装 log4js。
• 08.24 16:43:32
  发表了文章 2023-08-24 16:43:32

  [Nestjs] 实现生成图形验证码以及校验过程

  要在 NestJS 中实现图形验证码的校验过程，你可以按照以下步骤进行操作： 1. 安装依赖：首先，使用 npm 或 yarn 安装 svg-captcha 和 cookie-parser，其中 svg-captcha 是用于生成 SVG 格式的验证码图片的库，cookie-parser 是用于处理和解析 Cookie 的库。
• 08.24 16:40:06
  发表了文章 2023-08-24 16:40:06

  [Nestjs] 使用Typeorm配置数据库配置时区的方法

  如果在使用 TypeORM 和 NestJS 进行数据库操作时，遇到数据库时间不准确的问题，可以考虑以下几个解决办法： 1. 使用数据库服务器的时间：确保数据库服务器的时间是准确的，并且与应用程序运行的服务器时间同步。这样可以避免由于时间差异导致的数据不准确问题。 2. 设置数据库连接的时区：通过在 TypeORM 配置中设置 timezone 属性，将数据库连接的时区设置为与应用程序所在地区相匹配。例如，对于 PostgreSQL 数据库：
• 08.24 16:32:01
  发表了文章 2023-08-24 16:32:01

  [Nestjs] 手摸手之简单封装API接口的返回结果

  介绍：在 NestJs 中，你可以自定义一个统一的响应封装来支持成功、错误和分页响应。
• 08.24 16:29:54
  发表了文章 2023-08-24 16:29:54

  [JavaScript] 闭包的概念以及示例

  闭包是指函数内部可以访问外部函数的变量，即使外部函数已经执行完毕，这些变量仍然可以被内部函数访问和使用。在 JavaScript 中，由于函数是一等对象，因此函数可以作为返回值或参数传递给其他函数，这就为闭包的实现提供了可能性。
• 08.24 16:28:14
  发表了文章 2023-08-24 16:28:14

  [JavaScript]常见算法介绍「递归算法」

  递归是一种在函数中调用自身的方法。它通常用于解决可以被分解成较小且与原问题结构相似的子问题的情况。下面是一个使用递归算法计算斐波那契数列的示例代码：
• 08.24 16:26:12
  发表了文章 2023-08-24 16:26:12

  [JavaScript] 常用算法介绍「冒泡算法」

  JS中的冒泡排序算法（Bubble Sort）是一种简单而常用的排序算法。它通过多次迭代比较相邻的元素，并根据需要交换它们的位置，使得每一轮迭代都能找到当前数据集中的最大（或最小）值，并将其移至合适的位置。
• 08.24 16:22:59
  发表了文章 2023-08-24 16:22:59

  docker 离线镜像导入

  前言：之前做了一个医院的项目，一般医院使用的服务器都是内网环境，所以自己整合了一下Docker离线部署的方法分享给大家。
• 08.24 16:20:02
  发表了文章 2023-08-24 16:20:02

  docker-compose 离线安装部署

  前言：之前做了一个医院的项目，一般医院使用的服务器都是内网环境，所以自己整合了一下Docker离线部署的方法分享给大家。
• 08.24 16:16:52
  发表了文章 2023-08-24 16:16:52

  Docker离线部署流程

  前言：之前做了一个医院的项目，一般医院使用的服务器都是内网环境，所以自己整合了一下Docker离线部署的方法分享给大家。
• 08.24 16:11:40
  发表了文章 2023-08-24 16:11:40

  docker compose各参数配置简单介绍

  Docker Compose 是一个用于定义和运行多个 Docker 容器的工具，通过使用简单的 YAML 文件来配置应用程序的服务、网络和卷等。
• 08.24 16:03:20
  发表了文章 2023-08-24 16:03:20

  使用frp时遇到的问题connect: connection refuseddial tcp xxxx:7000: connect: connection refused

  最近在做的项目需要用到frp来做代理连接本地内网机，卡在最后启动客户端的时候，提示报错：login to server failed: dial tcp xxxx:7000: connect: connection refuseddial tcp xxxx:7000: connect: connection refused！！找了很多尝试的办法，现在给大家列一下希望对大家有帮助。
• 08.24 15:52:51
  发表了文章 2023-08-24 15:52:51

  ESlint 保存自动格式化代码

  第一步：在VScode下载ESlint插件，找到右下角设置图标点击扩展设置。
• 08.24 15:18:29
  发表了文章 2023-08-24 15:18:29

  nodemon 监听失败 卡在[nodemon] restarting due to changes... 重新启动js脚本失败

  在网上搜索了大半天方法，汇总一下....可能对你们有效 1. 重启电脑（对我无效） 2. 重装nodemon，删掉之后，全局安装和项目本地安装（对我无效） 3. 安装supervisor（个人还是喜欢用nodemon，比较简便） 4. 添加系统环境变量后重启电脑（解决了我的问题）
• 08.24 14:07:16
  发表了文章 2023-08-24 14:07:16

  写一个方法实现数字转中文大写的方法

  之前开发了一个报销相关的应用，其中遇到了小写数字转中文大写的需求，搜寻了一些资料以后对方法进行了改进，现在分享出来给大家参考

  
• 08.24 13:58:50
  发表了文章 2023-08-24 13:58:50

  [Nestjs] 中间件拦截机制

  在NestJS中，中间件拦截机制提供了一种在请求和响应之间对请求进行拦截、修改或中断的方式。中间件拦截器可以用于执行通用的处理逻辑、路由守卫、身份验证、日志记录等操作。
• 08.24 13:51:01
  发表了文章 2023-08-24 13:51:01

  在nestjs中使用redis检测在线用户人数

  检测在线用户人数，是开发中经常遇到的需求，接下来简单了解一下如何在Nestjs中使用redis 统计在线用户人数。