qq_42556623的博客

原创 2021-05-04T23:26:32.208+0800 E QUERY [js] Error: listDatabases failed:{ “ok“ : 0,

解决办法：mongo --port 27017 -u “root” -p “root” --authenticationDatabase “admin”

原创 JS错误 Error in onLoad hook: Unexpected token u in JSON at position 0

在跳转页面传递参数到目标页面时出现这个错误：解决办法：需要在unLoad里判断options.item是否为空 不然会因为json.parse解析undefined报错onLoad(options) { //判断options.item是否为空 不然会因为json.parse解析undefined报错 if (options.item) { const editItem = JSON.parse(decodeURIComponent(options.item));

原创 将表格数据导出 Excel 格式的数据方法（2）

【代码】将表格数据导出 Excel 格式的数据方法（2）

原创 在vue中使用海康web3.2插件连接云台摄像机

在index.html文件中先引入需要的脚本。创建一个摄像机组件（复制粘贴直接可用）

原创 在vue项目中封装并使用WebSocket(2)

【代码】在vue项目中封装并使用WebSocket(2)

原创 vue中文件下载插件

表示这个二进制数据是 Excel 文件。因此，这段代码的意思是，定义了一个大小为 8892 字节，MIME 类型为 Excel 文件的 Blob 对象，可以将其用于上传或下载 Excel 文件等二进制数据的操作。是 JavaScript 中的一个二进制数据类型，表示一个不可变、原始数据的类文件对象。这个 Blob 对象的。在上面代码中，res的返回数据应当和下图中类型一致。属性表示二进制数据的 MIME 类型，这里的。属性表示二进制数据的大小，单位为字节；在要使用导出的页面引入。

原创 使用csv导出表格数据

csv导出

原创 前端PDF导出，使用html2Canvas和jsPDF插件

【代码】前端PDF导出，使用html2Canvas和jsPDF插件。

原创 NestJS 中，@ 符号是有什么含义

【代码】NestJS 中，@ 符号是有什么含义。

原创 关于内网穿透的几种方法

常用的内网穿透工具

原创 数组扁平化与树形结构的相互转化

数组扁平化与树形结构的相互转化

原创 qiankun使用文档

基于vue的主应用+vue微应用+react微应用一、qiankun主应用（vue）1.安装 qiankun$ yarn add qiankun # 或者 npm i qiankun -S2.注册微应用并启动（参考官方文档）import Vue from "vue";import App from "./App.vue";import router from "./router";import { registerMicroApps, start } from "qiankun";Vue

原创 axios请求封装

文件路径/utils/request.jsimport axios from 'axios'// create an axios instanceconst service = axios.create({ baseURL: import.meta.env.VITE_BASE_MYAPI, // url = base url + request url // withCredentials: true, // send cookies when cross-domain requests

原创 JSON Server 使用

安装安装之前，需要已经安装好NodeJs. npm install -g json-server基本使用新建一个db.json文件写入一段json,如:{ "posts": [ { "id": 1, "title": "json-server", "author": "typicode" } ], "comments": [ { "id": 1, "body": "some comment", "postId": 1 } ], "profile": { "name": "t..

原创 常用的正则校验规则

// 手机号码 phone: /^134[0-8]\d{7}$|^13[^4]\d{8}$|^14[5-9]\d{8}$|^15[^4]\d{8}$|^16[6]\d{8}$|^17[0-8]\d{8}$|^18[\d]{9}$|^19[8,9]\d{8}$/, //数字 number: /^\d+$/, //数字,不包含0 noZeroNumber: /^[1-9]\d{0,}$/, // 固定电话 telephone: /(^\d{0,9}-\d{0,10}$)|..

原创 在某一时间范围内将时间均分

例如：将所选时间分为13个点选择时间如图：实现效果如下图：//这里获取的时间选择器中的值为时间戳（例如：1638201600000）const average = (this.datePickerVoc[1] - this.datePickerVoc[0]) / 12 this.timePointVoc = [] for (let index = 0; index <= 12; index++) { this.timePoin

原创 js时间格式化整合--今日、本周、本月、n小时前

// 对Date的扩展，将 Date 转化为指定格式的String// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子： // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 // (new Date()).Format("yyyy-M-d h:

原创 web端点击弹窗外关闭弹窗（非element ui的对话框）的全局注册事件

原创 Echarts点击图例反选

在官方给出的文档中，点击图例选中则隐藏，而大部分开发需求中是点击某一图例隐藏其他图例，以下为此功能实现代码： let that = this //改变this指向 this.Echart.on('legendselectchanged', function(params) { const { selected, name } = params for (const key in selected) { selected[key] =

原创 点击某条数据弹出表格并高亮相应数据（vue,element ui）

如图:点击报警数据中的第二条，弹出数据表格并高亮相应数据代码如下：表格绑定row-class-name（此项是回调方法，详情见element官网）<el-table :data="gridData" border :row-class-name="tableRowClassName">//点击某一行报警数据弹框 detailData(item){ //保存传递过来的id this.alarmID = item.alarmID this.d

原创 前端知识结构图

原创 JS获取数组中对象的某些值

<script> var data = [ {value: 1048, name: 'jack' ,code:123}, { value: 735, name: 'zerk' ,code:234}, { value: 580, name: 'mark' ,code:456},]; var newData = []; data.map((item,index) =&

原创 在vue项目中封装并使用WebSocket

封装websocketexport default class SocketService { /** * 单例 */ static instance = null static get Instance () { if (!this.instance) { this.instance = new SocketService() } return this.instance } // 和服务端连接的socket对象 ws = nu.

原创 如何禁用Eslint以及在配置了.prettierrc文件后仍出现“space-before-function-paren”错误？

解决办法：创建与src同层级的配置文件vue.config.js*代码如下module.exports = { lintOnSave:false,//这里禁止使用eslint-loader}

原创 关于vue项目中eslint语法报错的解决方法

问题描述：解决办法：在项目中新建文件，命名为“.prettierrc”文件内容为json格式（按需写入配置）{ "semi": false, "singleQuote": true, "space-before-function-paren":0}

原创 关于在‘git（码云）’中本地仓库与云端仓库同步的方法步骤

关于在‘git（码云）’中本地仓库与云端仓库同步的方法步骤输入’git status’,得到修改的文件信息2.输入‘git add .’ 将所有已修改的文件添加到事务中3.再次输入‘git status’ 查看文件信息 ，如文本眼色为绿色，则提交成功4.输入’git commit -m “注释信息”’ 提交事务5.查看当前分支并切换到‘master’分支6.输入‘git merge login’ 将‘login’分支合并到‘master’分支上7.将本地‘master’更新

原创 nodemon : 无法加载文件 C:\...\...\..因为在此系统上禁止运行脚本

nodemon : 无法加载文件 C:…因为在此系统上禁止运行脚本。解决办法：以管理员身份打开powershell ，输入“set-ExecutionPolicy RemoteSigned”，回车，输入“Y”，回车即可，之后服务可正常启动

原创 UnhandledPromiseRejectionWarning: MongoError: command insert requir es authentication

使用mongoose连接成功并成功创建集合但是插入数据就报错**解决办法：mongoose.connect('mongodb://root:root@localhost/test?authSource=admin', { useUnifiedTopology: true, useNewUrlParser: true }) .then(() => console.log("数据库连接成功")) .catch(err => console.log(err, "数据库连接失败"))

原创 关于tab栏切换时数据接口的调用

关于tab栏切换时数据接口的调用<template> <view class="container"> <view class="tabBox" :style="{ position: headerPosition, top: headerTop }"> <u-tabs :is-scroll="tabs.length > 4" :current="current" @change="ch

原创 2020-11-10

Vue组件化开发的思想核心思想：把不同的功能封装到不同的组件中中开发，组件可以通过组合的方式，最终形成真正意义上的应用标准组件开发基于统一的标准规范(组件化规范：Web Components)分治把不同的功能封装到不同的组件当中，每个组件独立生产，有利于团队协作重用组件的替代及回收组合不同组件可以组合成一款新的产品...

原创 JS引用类型指针的工作方式

var a = {n:1};var b = a;a.x = a = {n:2};最后这句a.x = a = {n:2} 先执行a.x，此时a和b均共享{n:1}的栈指针，于是{n:1}变为{n:1,x:undefined}；接着执行a = {n:2}，此时a不再和b共享同对象的指针而是指向新对象{n:2}。下一步 a.x = a 是最关键的地方，关键之处在于这两个“a”已经是完全不一样的东西，前者（其实可以把它看成b）指向{n:1,x:undefined}，后者指向{n:2}。执行这一步，{n:

原创 CSS的复合选择器

1.后代选择器(重要)后代选择器又称为包含选择器,可以选择父元素里面子元素。其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层标签就成为外层标签的后代。语法:元素1 元素2 {样式声明}上述语法表示选择元素1里面的所有元素2 (后代元素)。例如:ul li{样式声明}/★选择ul里面所有的li标签元素*/元素1和元素2中间用空格隔开元素1 父级,元素2是子级,最终选择的是元素2元素2可以是儿子,也可以是孙子等,只要是元素1的后代即可元素1 和元素

原创 Vscode快速格式化代码

Vscode快速格式化代码:1、快捷键：shift+alt+f2、也可以设置当我们保存页面的时候自动格式化代码:1 )文------.> [首选项] -------- [设置] ;2 )搜索emmet.include;3 )在settings.json下的[用户]中添加以下语句:”editor.formatOnType": true,"editor. formatOnSave": true只需要设置一次即可,以后都可以自动保存格式化代码...

原创 初学MySQL第十二天之存储过程、函数、流程控制语句

存储过程存储过程和函数：类似于java中的方法好处：1、提高代码的重用性2、简化操作存储过程含义：一组预先编译好的SQL语句的集合，理解成批处理语句1、提高代码的重用性2、简化操作3、减少了编译次数并且减少了和数据库服务器的连接次数，提高了效率一、创建语法CREATE PROCEDURE 存储过程名(参数列表)BEGIN存储过程体（一组合法的SQL语句）END注意：1、参数列表包含三部分参数模式 参数名 参数类型举例：in stuname varchar(20)参

原创 初学MySQL第十一天之变量

变量系统变量：全局变量、会话变量自定义变量：用户变量、局部变量一、系统变量说明：变量由系统定义，不是用户定义，属于服务器层面注意：全局变量需要添加global关键字，会话变量需要添加session关键字，如果不写，默认会话级别使用步骤：1、查看所有系统变量show global|【session】variables;2、查看满足条件的部分系统变量show global|【session】 variables like '%char%';3、查看指定的系统变量的值select @@

原创 初学MySQL第十天

常见约束含义：一种限制，用于限制表中的数据，为了保证表中的数据的准确和可靠性分类：六大约束NOT NULL：非空，用于保证该字段的值不能为空 比如姓名、学号等DEFAULT:默认，用于保证该字段有默认值 比如性别PRIMARY KEY:主键，用于保证该字段的值具有唯一性，并且非空 比如学号、员工编号等UNIQUE:唯一，用于保证该字段的值具有唯一性，可以为空 比如座位号CHECK:检查约束【mysql中不支持】 比如年龄、性别FOREIGN KEY:外键，用于限制两个表的关系

原创 初学MySQL第九天

常见的数据类型数值型：整型小数：定点数、浮点数字符型：较短的文本：char、varchar，较长的文本：text、blob（较长的二进制数据）日期型：一、整型分类：tinyint（1）、smallint（2）、mediumint（3）、int/integer（4）、bigint（8）特点：① 如果不设置无符号还是有符号，默认是有符号，如果想设置无符号，需要添加unsigned关键字② 如果插入的数值超出了整型的范围,会报out of range异常，并且插入临界值③ 如果不设置长度，会

原创 初学MySQL第八天

进阶9：联合查询union 联合、合并：将多条查询语句的结果合并成一个结果语法：查询语句1union查询语句2union...应用场景：要查询的结果来自于多个表，且多个表没有直接的连接关系，但查询的信息一致时特点：★1、要求多条查询语句的查询列数是一致的！2、要求多条查询语句的查询的每一列的类型和顺序最好一致3、union关键字默认去重，如果使用union all 可以包含重复项引入的案例：查询部门编号>90或邮箱包含a的员工信息 SELECT * FROM emp

原创 初学MySQL第七天

进阶7：子查询含义：出现在其他语句中的select语句，称为子查询或内查询外部的查询语句，称为主查询或外查询分类：按子查询出现的位置： select后面： 仅仅支持标量子查询 from后面： 支持表子查询 where或having后面：★ 标量子查询（单行） √ 列子查询 （多行） √ 行子查询 exists后面（相关子查询） 表子查询按结果集的行列数不同： 标量子查询（结果集只有一行一列） 列子查询（结果集只有一列多行） 行子查询（结果集有一行多列） 表子

原创 初学MYSQL第六天

进阶6：连接查询含义：又称多表查询，当查询的字段来自于多个表时，就会用到连接查询笛卡尔乘积现象：表1 有m行，表2有n行，结果=m*n行发生原因：没有有效的连接条件如何避免：添加有效的连接条件分类：按年代分类：sql92标准:仅仅支持内连接sql99标准【推荐】：支持内连接+外连接（左外和右外）+交叉连接按功能分类： 内连接： 等值连接 非等值连接 自连接 外连接： 左外连接 右外连接 全外连接 交叉连接一、sql92标准1、等值连接① 多表等值连接