高素质车间工人-CSDN博客

原创 vue2.x 从vue.config.js配置到项目优化

vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。

2021-04-23 17:24:47 4122 8

原创 gif.js裁剪报错 Uncaught SyntaxError: Unexpected token ‘＜‘

gif裁剪报错 Uncaught SyntaxError: Unexpected token '<'

2022-04-19 16:14:49 999 3

原创 nestjs 优秀的ORM框架sequelize操作数据库

优秀的nestjs ORM框架比较--sequelize与typeorm全网最新的使用ts的sequelize教程TypeORM 是一个ORM框架，可以与 TS 和 JS(ES5,ES6,ES7,ES8)一起使用。它的目标是始终支持最新的 JS 特性并提供额外的特性以帮助你开发任何使用数据库的应用程序Sequelize 是一个基于 promise 的 Node.js ORM, 目前支持 Postgres, MySQL, MariaDB, SQLite 以及 Microsoft SQL Se

2021-05-26 21:15:29 3853 2

翻译 nest class-validator验证修饰器中文文档

网上好像没有class-validator验证修饰器的中文翻译，也好像没有官网，只有npm插件介绍里有，但是是英文的。这里我就做回搬运工，并翻译下，好用请点赞至于使用方法nestjs官网直接cv，不多介绍。验证修饰器通用验证装饰器修饰器描述（英文）描述（中文）@IsDefined(value: any)Checks if value is defined (!== undefined, !== null). This is the only decorator that ig

2021-05-25 22:25:16 3171 1

原创 koa2 请求转发实现

最近在学习vue3+nestjs，打算用这两个做一个博客（页面仔都喜欢做博客网站，我也一样！！）。为了节约时间，提高效率，博客网站的管理后台、数据统计页面我打算用之前做的基于vue2+kao2的项目。那么这样就出现了一个问题：后台管理页面有两个服务，一个是之前做好的基于koa2的，一个是基于新东西nestjs的。这样就需要做请求服务的代理将不同的服务代理到对应的服务器上。对于代理，有很多办法，前端配置代理，后端请求转发、网关处理等等。最后我选择了后端请求转发来处理。这样对原先的代码改动最少。代码直接

2021-05-24 21:10:48 2578 1

原创 node从入门到放弃系列之（12）丝滑的操作数据库及表模型

Sequelize 是一个基于 promise 的 Node.js ORM, 目前支持 Postgres, MySQL, MariaDB, SQLite 以及 Microsoft SQL Server. 它具有强大的事务支持, 关联关系, 预读和延迟加载,读取复制等功能。sequelize-auto是一个帮助我们快速生成表结构的工具。如何结合这两个模块，让我们更丝滑的操作数据库及表模型呢？

2021-04-27 10:53:18 710 1

原创 Vue 3项目创建——vite初次尝试（最新）

Vite是Vue的作者尤雨溪开发的Web开发构建工具，它是一个基于浏览器原生ES模块导入的开发服务器，在开发环境下，利用浏览器去解析import，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随启随用。同时不仅对Vue文件提供了支持，还支持热更新，而且热更新的速度不会随着模块增多而变慢。在生产环境下使用Rollup打包。Vite具有以下特点：快速的冷启动即时热模块更新（HMR，Hot Module Replacement）真正按需编译Vite是在推出Vue 3的时候开发的，目前仅支持V

2021-04-14 17:13:32 970

原创华为云服务器从零开始部署后端nodejs项目和前端vue项目

手里有node后端服务项目和vue前端服务项目，但是只能在本地跑着玩，给自己看。那把它们部署到服务器上不就可以在线演示，给所有人看了吗？话不多说，搞起整一个个人网站服务器的准备华为云服务器，阿里腾讯云服务器流程大致相同远程连接服务器测试项目运行环境搭建项目部署node服务部署vue服务部署总结服务器的准备华为云服务器，阿里腾讯云服务器流程大致相同部署服务器，首先得有一个服务器，门槛低的，最快上手的就是租一个云服务器，云服务器里linux系统都给你安装好了，相当于给你个新电脑自己去装服务环境就行了。

2021-03-18 19:15:17 2440

原创 node从入门到放弃系列之（11）用优雅的代码武装我们的koa2项目

所周知，koa2是基于nodejs的一款非常轻量级的服务端框架，其简单易上手的特性更是大大节省了前端人员开发服务端api的成本。尽管许多功能能够实现，但是作为一个有素养的开发人员，代码的层次性、后期可维护性都是需要考虑周到的。实话说，按照koa官方文档来照葫芦画瓢，我们的代码是写不漂亮的。这里需要我们在编码之前有一个非常清晰的认识：我们的代码如何组织？如何分层？如何复用？

2021-03-17 14:15:39 300

原创 nestjs入门问题报错汇总

最近在折腾nestjs，过程中难免会遇到各种问题，再次做个汇总，即使记录也是帮助后来人问题1. 连接数据库报错：Client does not support authentication protocol requested by server; consider upgrading MySQL client2. eslint报错：Parsing error: Debug Failure. False expression: xxx/node_modules/@nestjs/passport/index

2020-12-30 16:13:44 1229

原创 node从入门到放弃系列之（10）图形验证功能

原生的人机验证功能，使用canvas模块，实现滑动验证、点击验证的底图生成，实现node的专属图形验证

2020-12-25 16:03:03 848

原创纯前端滑块拼图验证组件（多端兼容）

因为没有使用dom节点，所以在uniapp上也是可以使用的，图片src对应修改下就能用了**注意：**这个验证组件是纯前端组件，安全性较低，可以供学习使用，不建议项目中使用！！效果图源代码<template> <view class="independent" v-if="show"> <view v-if="refreshStatus" class="shuaxin iu-icon-refresh" :style="{ transfor

2020-12-04 16:46:42 898

原创 js代码片段纪要

目录node1. base64数据转图片2. 制作透明背景图片3. 滑块拼图背景图和滑块图制作node1. base64数据转图片const fs = require('fs');const path = require('path');const pwdPath = path.resolve(__dirname); // 当前文件路径const imgPath = pwdPath + 'trans.png'; //从app.js级开始找--在我的项目工程里是这样的//去掉图片base64码前

2020-11-27 16:54:29 111

原创 uniapp开发微信小程序的踩坑之旅

1、字符串截取：arrayObject.slice(start,end)2、数组转字符串：array.toString() | a.join("=="); //指定分隔符

2020-11-19 16:26:23 2811 1

原创 node从入门到放弃系列之（9）log4js日志管理

每个后端服务，都必须有日志系统，最有名的就是Log4j了。日志存在的意义：问题追踪：通过日志不仅仅包括我们程序的一些bug，也可以在安装配置时，通过日志可以发现问题。状态监控：通过实时分析日志，可以监控系统的运行状态，做到早发现问题、早处理问题。安全审计：审计主要体现在安全上，通过对日志进行分析，可以发现是否存在非授权的操作。那在koa2里如何实现log4j日志系统呢？

2020-10-17 10:51:33 455

原创 node从入门到放弃系列之（8）koa2 swaggerUI的使用

相信无论是前端还是后端开发，都或多或少地被接口文档折磨过。前端经常抱怨后端给的接口文档与实际情况不一致。后端又觉得编写及维护接口文档会耗费不少精力，经常来不及更新。其实无论是前端调用后端，还是后端调用后端，都期望有一个好的接口文档。但是这个接口文档对于程序员来说，就跟注释一样，经常会抱怨别人写的代码没有写注释，然而自己写起代码起来，最讨厌的，也是写注释。所以仅仅只通过强制来规范大家是不够的，随着时间推移，版本迭代，接口文档往往很容易就跟不上代码了。此时swagger工具就能帮你解决这个烦恼

2020-08-06 14:27:52 3181

原创 node从入门到放弃系列之（7）token鉴权及refreshToken原理介绍

基于 Token 的身份验证是无状态的，我们不用将用户信息存在服务器或 Session 中。这种概念解决了在服务端存储信息时的许多问题。没有 session 信息意味着你的程序可以根据需要去增减机器，而不用去担心用户是否登录和已经登录到了哪里。既然是token，那么肯定有它的过期时间，没有一个token是永久的，永久的token就相当于一串永久的密码，是不安全的。那么token过期时，前后端该怎么处理呢？接下来我就回答下token鉴权及refreshToken原理

2020-07-17 14:52:47 1572

原创 node从入门到放弃系列之（6）RSA前端加密node-rsa JSEncrypt的使用

在前后端交互过程中，总会有一些需要加密传输的数据，使用最广泛的就是非对称加密，安全可靠。在nodejs中也有相对应的模块node-rsa JSEncrypt。本文让我们来了解下它们是如何实现数据的加密？

2020-06-19 11:25:43 1794

原创 vue脚手架vue cli@4xx使用问题记录

今天需要创建一个vue多入口项目，之前我是使用2.9.6的脚手架创建得，目录复杂，配置多入口相对困难，所以我直接创建了一个@vue/[email protected]版本的项目。创建完直接把相关文件复制过来，但是这样就报错了，主要有以下几个:we’re sorry but doesn’t work properly without javascript enabled. please enable it to continue.问题重现@vue/[email protected]版本的项目目录结构，项目2.9.6的简洁了许多许多├

2020-06-18 16:13:20 518 1

原创 node从入门到放弃系列之（5）mysql同步操作及登录接口demo

后端服务不可能离开数据库的操作，接下来就以开发一个简易的登录接口demo来实现对数据库的操作。demo代码=》koa2-server项目代码连接mysql数据库const mq = require('mysql2');const mysql = mq.createConnection({ host: 'localhost', user: 'root', password: 'password', database: 'koa2_server', charset: 'utf

2020-06-17 16:46:21 419 3

原创 node从入门到放弃系列之（4）koa2项目创建及初步开发

我创建是koa2的项目，因为网上一搜全是koa2的资料，1的资料不好找，会增加学习的成本，降低学习的效率。创建命令：koa koa2-server。demo代码=》koa2-server项目代码最原始的目录如下：（借的别人的图）启动起来是这个的然后添加了prettierrc、eslint等配置文件，形成最终的目录如下:koa2-server├─.editorconfig├─.eslintrc.js├─.prettierrc├─app.js├─mysql.js├─package-loc

2020-06-17 15:17:52 497

原创 .prettierrc代码格式化配置介绍

代码的规范规则很多很繁琐，不可能每个都去手动修改，有时候一个页面能有上百个规范问题，那么这时候代码自动格式化就很有用了，最有名的就是prettierrc了。当然还有其他的比如vue用的vetur、beautify格式化插件等。格式化插件再配合eslint规范这样写出来的代码又好看效率又高，至于eslintrc的介绍可以点击=》eslintrc介绍及使用学习下，这样一个负责检查，一个负责改，完美！prettierrc的使用首先要做的就是在vscode安装prettierrc-代码格式化插件然后要代码

2020-06-15 20:18:22 32652 2

原创 node从入门到放弃系列之（3）服务项目重构及跳车koa

在大多数的服务里都用到token来验证状态了解一点node基础的都知道experss是较早的node框架，现在主流的都是主流的node框架有express、koa、sails、loopback、thinkjs、egg，具体的介绍=》关于node框架的选择这次我打算基于koa来开发后端服务，就把之前写好的express框架的demo删了（还好刚开始，不多）。主要也就改了index.js里的内容var koa = require('koa')// 注意require('koa-router')返回的是

2020-06-11 17:33:40 337

原创 node从入门到放弃系列之（2）创建vue工程连接后端服务

前端项目代码-》源码创建vue工程这里就不说了，自行百度。我这边参考的是vue-element-admin的目录结构风格前端项目目录结构├─.babelrc ├─.editorconfig ├─.eslintignore ├─.eslintrc.js ├─.gitignore ├─.postcssrc.js ├─index.html ├─package.json├─README.md├─vue.config.js├─test| ├─unit| |

2020-06-10 19:23:50 330

原创 node从入门到放弃系列之（1）node后端服务项目搭建

最近不知道怎么了就是特别想学node，想写个接口舒服舒服。那么接下来借着这股劲学习node的同时一起同步记录下这个过程，希望对大家能有帮助，同时当作一个记录。学习node首先我想到的就是创建一个node的工程项目，在网上也找不到一家统一的项目目录结构，也没有专门的命令来生成项目，那我就按着前端项目做了一个格式生成了一个：node学习项目├─index.js // 项目入口├─mysql.js // 数据库配置文件├─package.json├─src // 服务开发目录| └index.js

2020-06-10 14:49:40 1699 1

原创 mysql8.0版本 1045报错Access denied for user root@localhost (using password: YES)

报错提示：Access denied for user ‘root’@‘localhost’ (using password: YES)报错原因：这个报错就是账号密码错误，想想是不是哪里把账号密码改了。是否在不清楚的情况下使用的mysql修改密码指令如：ALTER USER ‘root’@‘localhost’ IDENTIFIED WITH mysql_native_password BY ‘123456’。想起新密码了就用新密码连接，想不起来就只能卸载重新安装了，或者如果你是5.7版本的可以使用一

2020-06-10 10:45:25 3244 2

原创 JavaScript的数据类型与数组（精讲）

几乎所有的编程语言都原生支持数组类型，因为数组是最简单的内存数据结构。JavaScript里也有数组类型，尽管它的第一个版本并没有支持数组。本文我们将深入学习数组数据结构和它的能力。数组存储一系列同一种数据类型的值。虽然在 JavaScript 里，也可以在数组中保存不同类型的值，但我们还是遵守最佳实践，避免这么做（大多数语言都没这个能力）。

2020-06-09 10:48:22 148

原创 .eslintrc配置目录及配置项的使用

今天在运行antd-design-vue的源代码项目时，发现vscode有很多eslint的报错，原因是我使用了vetur插件的格式化，但是antd-design-vue源码有自定义的eslintrc和prettierrc配置，这些配置和vetur插件里默认的配置不一致导致的...

2020-05-25 18:34:18 1735

原创 elementUI兼容ie浏览器问题（笔记）

initial 关键字用于设置 CSS 属性为它的默认值，可作用于任何 CSS 样式。但是IE 不支持该关键字。我们只能在子元素中继续写相同的css来兼容ie，不然样式会出问题。案例：在使用elementui的对话框时，经常会把标题居中显示（如下图）打开ie控制台会看到text-align样式报错，这是因为IE 不支持initial关键字导致的，所以修改下text-align: left旧容兼容ie浏览器。未完，待补充更新...

2020-05-11 15:39:00 6520 1

原创 vue报错之Failed to mount component: template or render function not defined.

[Vue warn]: Failed to mount component: template or render function not defined.一分钟前页面好好的，一分钟后页面显示空白，并报错[Vue warn]: Failed to mount component: template or render function not defined.百度了下说我template标签...

2020-05-06 14:26:06 23595 1

原创 js 遍历不规则对象数组并获取树节点路径

假设有一个全国行政区域树，但是后端只传其中一个市或者区县的id，要如何获取这个id对应的省市区县id数组呢？假设不规则数组如下var array = [ { id: 1, name: '买笔', done: true, children: '' }, { id: 2, name: '买笔记本', done: true, children: [ { id: 3, name: '2买笔...

2020-05-03 23:39:52 811

原创 vue之element日期选择器设置初始值后修改失效

代码截图：这样赋值后发现时间改变不了了，@chang事件也不会响应，然后我以为是赋值时new Date()的问题去除了还是不行，网上很多人是这么指导的，但是他们基本都是和官方案例一样，不是写在对话框内的，就是单独一个时间选择器这样的话直接this.formInline.dataTime = [res.startTime, res.endTime]赋值就可以了，改变也是没问题的。那么如果...

2020-04-30 13:23:22 5223 6

原创 vue之使用css-rcurlyexpected等less报错

之前使用webstorm进vue的开发，今天刚换成VScode发现一个问题，百度上的解法各不相同，错误如下：错误分别是：css-rcurlyexpectedat-rule or selector expectedDo not use empty rulesets但是样式还是正常起作用了。百度了下有几种说法1.setting.json里设置"vetur.validation.style": false,2. style第一行加@charset “utf-8”;但是这样主要的原因是页面语言模式

2020-04-22 16:16:15 2696

原创 react之antd Design Input输入框value值清除及弹窗时自动获取焦点

正常我们使用输入框、选择器等都是结合表单来使用的，但是这次我就需要一个输入框来切换到编辑状态，那这样用表单当然肯定也是可以的，但是我觉得不完美，就单独的使用input组件，但是遇到了两个问题：输入框内容清除、自动获取焦点。然后我就把输入框单独拎出来来进行重现这两个问题，并想办法解决。单独测试的代码=》codesandbox在线测试传送门输入框内容清除输入框显示默认值的话首先想到的就是...

2020-04-19 20:46:26 11296

转载 VScode 键盘操作（只用键盘，效率更快）

VSCode 键盘操作，做到双手不离键盘，以下转载两篇教程博文，很详细：VSCode 键盘操作VS Code 学习记：如何双手不离开键盘

2020-04-15 14:08:10 2729

原创 react之函数组件(hook)VS类组件(component)

在react16.8版本中新增了一个hook特性，暂且称它为函数组件，react文档传送门。关于它最直白的介绍就是：它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。并且在antd Design V4版本中也多次使用到这个特性，比如弹出层中使用表单，文档的例子是这样的=》新特性使用案例传送门。刚开始使用的时候我发现他好像没有类组件好使，特别是他没有类组件中s...

2020-04-06 01:50:24 1172

原创 react之antd Design日期选择器不可选日期详细介绍

最近有一个需求：两个日期选择器，一个选择开始时间，一个选择结束时间，选择完开始时间后确定不可选的结束时间，同样选择完结束时间后确定不可选的开始时间。百度了下没找到了一篇类似的文章：[*antd组件限定时间选择器日期范围*](https://blog.csdn.net/qq_38519358/article/details/99653288)，但是我这还需要不可选日期的结束日期是在本周或者本月的最后一天，开始日期是在本周或者本月的第一天，我就这上面那篇文章的基础上加以优化修改，附上codesandbox在线地

2020-04-01 00:06:23 1347

antd Design Table二次封装

空空如也