自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 资源 (1)
  • 收藏
  • 关注

原创 nestjs从零到一,快速上手(五)---- nestjs异常过滤器

【代码】nestjs从零到一,快速上手(五)---- nestjs异常过滤器。

2024-01-23 14:26:23 356

原创 nestjs从零到一,快速上手(四):日志的使用nestjs-pino和winston

【代码】nestjs从零到一,快速上手(四):日志的使用。

2023-12-06 10:36:58 693

原创 vue3+vite动态引入图片

/动态引入图片。

2023-11-21 15:16:39 144

原创 nestjs从零到一,快速上手(三):typeorm的使用

中文文档: https://typeorm.bootcss.com/

2023-11-14 17:33:40 288

原创 nestjs从零到一,快速上手(二)

安装@nestjs/config 笔者用的 "@nestjs/config": "^3.1.1"2. 创建 `.env .env.development .env.production `三个文件夹。安装 `pnpm i --save @nestjs/typeorm typeorm mysql2`配置typeorm [中文官网](https://typeorm.bootcss.com/)app.module.ts文件引入(代码参考)1. 配置env环境配置。

2023-11-09 16:11:37 71

原创 Naive UI表单校验封装

所有的表单校验可以封装到一个方法里面统一处理。密码校验的一个小方法,用不到的可以忽略。1. 创建utils文件,写入方法。

2023-10-13 14:38:43 460

原创 高德地图打点以及自定义弹窗

【代码】高德地图打点以及自定义弹窗。

2023-09-15 17:00:14 210

原创 好的开源项目

1.铜钟是一个主打「听歌」功能的 web app, 致力于为人们带来卓越的听歌体验。铜钟有着丰富的音乐资源,简洁清爽的 UI 和方便的交互。在铜钟上,你不仅可以方便地找到并聆听你喜欢的歌曲,还可以将它们保存下来。

2023-08-25 10:12:38 43

原创 echarts绘制地图使用dispatchAction方法高亮区域

【代码】echarts绘制地图使用dispatchAction方法高亮区域。

2023-08-10 17:52:52 1149

原创 vue3 使用echarts绘制自定义地图的两种方式

v=3.0&ak=你的ak">renderItem可以封装成公用函数,用以渲染多个自定义多边形地图。需要使用百度ak码 index.html。官网实例:echarts。

2023-08-09 10:42:14 774

原创 有趣的话记录

1. 以后有了 AI,用户不再告诉计算机该做什么,而是告诉计算机他们想要什么结果。UI(用户界面)设计将要大变,以后的 UI 范式将基于用户意图。

2023-08-04 09:41:04 36

原创 [email protected] nest typeorm遇到【missing peer webpack@^5.0.0】

解决方法In this case, if you are sure that react is not needed, you can add this to your package.json:"pnpm": {

2023-05-23 15:22:18 804

原创 Bun vs Node

【代码】Bun vs Node。

2023-04-21 14:31:40 137

原创 在vue3+ts中配置全局vue-i18n

在tsconfig.json引入。`, //全局使用$t方法。

2023-03-21 10:05:02 1258

原创 vite中import.meta.glob的用法,可配合 <component :is=“xx“></component>使用,进行低代码开发

1.vite版本(支持import.meta.glob方法)

2023-03-15 14:09:33 439

原创 自动引入组件的库

安装后,vite.config.ts配置如下,更详细用法参考官网。

2023-03-14 16:44:36 47

原创 nestjs从零到一,快速上手(一)

【代码】nestjs从零到一,快速上手。

2023-03-06 18:29:15 915

原创 docker命令操作以及防火墙的开启和关闭

在Debian系统中,默认没有安装防火墙,可以通过清空防火墙策略,删除相关屏蔽规则。在CentOS 7、Red Hat和Alibaba Cloud Linux 2。3.把attached后台运行的容器转换为前台detached运行模式。说明:[$Iptables]为防火墙策略的备份文件地址。注意:清空策略前,请务必备份防火墙策略。依次执行以下命令,备份防火墙策略。执行以下命令,清空防火墙策略。1.停止运行所有的容器。2.删除正在运行的容器。

2023-02-22 17:28:53 6693

原创 ECharts饼图lengend点击事件处理

ECharts饼图相关处理

2022-10-25 14:35:14 1204

原创 获取与删除url参数

function getQueryVariable(variable) { var getUrlParams = window.location.search.substring(1); var varsParams = getUrlParams.split("&"); for (var i = 0; i < varsParams.length; i++) { var pair = varsParams[i].split("="); if (pair[0] == .

2022-05-30 11:06:54 714

原创 react-router v5升级v6 api差异化对比

官方文档地址【https://github.com/remix-run/react-router/blob/main/docs/upgrading/v5.md】1. <Redirect> ------> <Navigate>2. useRouteMatch ------>useMatch3.useHistory ------>useNavigatelet navigate = useNavigate();navigate(to, { re...

2022-03-16 16:03:26 367

原创 craco别名配置

craco版本:6.3.01.安装craco-aliasyarn add craco-alias2.craco.config.js配置const CracoAlias = require("craco-alias");const WebpackBar = require("webpackbar");const path = require("path");module.exports = { plugins: [ { plugin: CracoAlias,

2021-12-09 14:39:13 1186

转载 mac管理及更新node版本

1. 查看node版本 node -v2. 下载node版本管理模块 n sudo npm i -g n3. 升级node至最新稳定版 sudo n lts4. 升级至最新版sudo n latest5. 下载指定的node版本 sudo n 版本号6.切换node版本查看所有已安装的node版本,根据上下和回车选择要使用的版本sudo n7.查看其他命令 n...

2021-11-15 09:44:22 922

转载 nginx停止与重启

启动启动代码格式:nginx安装目录地址 -c nginx配置文件地址例如:[root@LinuxServer sbin]# /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf停止nginx的停止有三种方式: 从容停止   1、查看进程号[root@LinuxServer ~]# ps -ef|grep nginx  2、杀死进程[root@LinuxServer ...

2021-11-05 17:24:16 24675

原创 vue+vite2.0使用postcss-pxtorem实现大屏(或移动端)布局自适应(px转rem)

1.安装npm i postcss-pxtorem -S2.与package.json同级目录创建postcss.config.js文件module.exports = { plugins: { autoprefixer: { overrideBrowserslist: [ "Android 4.1", "iOS 7.1", "Chrome >

2021-10-21 17:44:32 2641 1

原创 git 强制pull

1 2 3 git fetch --all git reset --hard origin/master git pull

2021-09-27 10:56:41 11363

原创 vue3 v-model修饰符以及子传父的使用

父组件:子组件:

2021-09-23 11:14:31 74

原创 node热更新

保持node热更新 npm i supervisorNode Supervisor is used to restart programs when they crash.

2021-08-10 11:51:22 95

原创 前端常用工具大全

保持node热更新插件 supervisor Node Supervisor is used to restart programs when they crash.

2021-08-10 11:28:35 2234

转载 mac安装brew

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

2021-08-03 16:18:39 142 1

原创 软件设计分层

◇应用在整个系统内,如与后台服务如何通信,与第三方系统如何集成。◇设计前端首要条件:了解前端系统与其他系统之间的关系。◇ 关系包括:业务关系和协作机制。设计后端:只需要规定与后台数据传递机制。包括:api设计规则,访问授权的一个开放标准(OAuth)跳转token的验证,数据传递cookie等前后端设计思想◇前端与后端分离架构设计◇前后端分离架构其实是如何实施技术决策,用户鉴权、api接口管理和设计、API文档管理、Mock的使用、BFF(服务于前端的后端,nodejs)

2021-08-03 11:16:38 268

原创 微前端软件设计原则(SOLID原则)

单一职责原则???? 永远不应该有多余一个原因来改变某个类???? 理解:对于一个类而言,应该仅有一个引起他变化的原因???? 应用:如果一个类拥有两种职责,那就可以将这个类分成两个类开放封闭原则???? 软件实体扩展应该是开放的,但对于修改应该是封闭的。???? 理解:对于扩展开放,对于修改封闭。可以去扩展类,但不要去修改类。???? 应用:当需求有改动,尽量用继承或组合方式来扩展泪的功能,而不是直接修改类的代码里氏替换原则理解:父类一定能够被子类替换最

2021-08-02 18:07:53 259

原创 docker安装MongoDB创建用户,并用工具Robo连接简单CRUD

搜索mongo拉取mongo【这里默认为latest】查看本地镜像启动容器【就是安装,-v后面的参数表示把数据文件挂载到宿主机的路径,-p把mongo端口映射到宿主机的指定端口,–auth表示连接mongodb需要授权】查看运行中的容器docker ps进入mongo【以 admin 用户身份进入mongo,相当于oracle的用户也就是库,mysql的库】创建一个 admin 管理员账号对 admin 进行身份认证用工具连接mongo【Robo】

2021-06-24 00:31:19 208

原创 服务器添加用户

添加www用户 文件夹在home目录下adduser +用户名abc连接www服务器ssh www@+ip地址删除用户deluser www用户www加入管理组usermod -aG sudo www设置免密码登入ssh-copy-id www@ +ip地址docker官方安装教程(ubuntu)https://docs.docker.com/engine/install/ubuntu/切换服务器用户su www...

2021-05-19 16:00:56 368

原创 docker配置nginx并绑定域名和映射网站目录

1.拉取nginx镜像docker pull nginx2.镜像下载完毕后,我们可以就使用docker来启动一个nginx容器,启动命令如下:参数解析:–name: 给容器取一个别名,启动成功后会在NAMES列显示。-p: 将服务器的8080端口映射到nginx容器的80端口。-d: 容器将会以后台的形式来运行docker run --name my-nginx -p 8080:80 -d nginx通过命令进入到nginx的终端,查看nginx镜像里的配置文件。...

2021-05-12 14:01:35 1480

原创 Linux && docker简单命令

Linuxls -la //查看目录cd / //切换到根目录df 或者 df -Th //查看磁盘空间 -Th 以M为单位查看top //运行进程dockersystemctl start docker //启动dockersystemctl status docker //查看docker状态docker ps

2021-04-23 13:56:27 50

原创 阿里云CenterOS 8.X安装过程docker

CentOS 8(自带Podman) 安装 Docker 会和 Podman 冲突卸载Podman yum erase podman buildah下载docker-ce的repocurl https://download.docker.com/linux/centos/docker-ce.repo -o /etc/yum.repos.d/docker-ce.repo安装依赖(这是相比centos7的关键步骤)yum install https://download.docke

2021-04-22 10:26:48 214

原创 简单实现防抖和节流

防抖debounce (详解)function debounce (func, wait) { let timer = null; return function () { let _this = this; // arguments对象是所有(非箭头)函数中都可用的局部变量 let arg = arguments; if(timer) { clearTimeout(timer) }

2021-04-13 17:36:24 66

原创 浅谈TCP 三次握手和四次挥手的理解

三次握手在TCP/IP协议中,TCP 协议提供可靠的连接服务,连接是通过三次握手进行初始化的。(1)第一次握手:Client将同步标志位SYN设置为1,随机生成一个序列号x,并将数据包发送给Server。此时Client进入SYN_SENT状态,等待Server确认。(2)第二次握手:Server接收到数据包之后,由SYN=1得知这是Client请求建立连接。Server将同步标志位SYN设置为1,将确认标志位ACK设置为1,ack = x+1,随机生成一个序列号y,并将数据包发送给Client确

2021-04-13 14:20:57 94

原创 深拷贝以及类型判断

深拷贝/*判断变量类型*/function checkedType(obj){ return Object.prototype.toString.call(obj).slice(8, -1)}/*深拷贝*/function deepClone (obj) { let result; if(typeof obj === 'object' && obj!== null) { result = obj.constructor === Array ? [] : {} f

2021-04-07 11:04:41 113

最新淘宝类目分类大全,一类、二类、三类、四类

最新淘宝类目分类大全,一类、二类、三类、四类,最新资源各个类目,最新淘宝类目分类大全,一类、二类、三类、四类,最新资源各个类目,最新淘宝类目分类大全,一类、二类、三类、四类,最新资源各个类目,最新淘宝类目分类大全,一类、二类、三类、四类,最新资源各个类目,最新淘宝类目分类大全,一类、二类、三类、四类,最新资源各个类目,最新淘宝类目分类大全,一类、二类、三类、四类,最新资源各个类目,最新淘宝类目分类大全,一类、二类、三类、四类,最新资源各个类目,最新淘宝类目分类大全,一类、二类、三类、四类,最新资源各个类目,最新淘宝类目分类大全,一类、二类、三类、四类,最新资源各个类目,最新淘宝类目分类大全,一类、二类、三类、四类,最新资源各个类目,最新淘宝类目分类大全,一类、二类、三类、四类,最新资源各个类目,最新淘宝类目分类大全,一类、二类、三类、四类,最新资源各个类目,最新淘宝类目分类大全,一类、二类、三类、四类,最新资源各个类目,最新淘宝类目分类大全,一类、二类、三类、四类,最新资源各个类目,最新淘宝类目分类大全,一类、二类、三类、四类,最新资源各个类目,最新淘宝类目分类大全,一类、二类、三类、

2023-11-09

新闻代码html

新闻代码东方头条网-东方网旗下《东方头条》是一款会自动学习的资讯软件,它会分析你的兴趣爱好,为你推荐喜欢的内容,并且越用越懂你.就要你好看,东方头条新闻网

2018-02-27

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除