焦虑的博客

原创 nodeJS----Express简单开发服务端

通过nodejs、express、mongodb 快速创建一个可以接受请求，保存数据的服务

原创 纯css实现icon的网站，代码可复制

CSS ICONhttps://cssicon.space

原创 vue使用xlsx及xlsx-style导出表格并自定义表格内的样式功能记录

参考博客点击进入一、依赖xlsxxlsx-style二、需求实现1.使用xlsx整理数据，及多sheet2.添加样式的本质就是：整理好数据后，遍历每个单元格并添加样式属性3.下面图片中红框标记，为每个单元格添加样式属性后4.使用xlsx-style导出数据即可属性属性介绍v原始值（有关更多信息，请参见“数据类型”部分w格式化文本t单元格类型：b布尔值，n数字，e错误，s字符串，d日期f单元格公式r富文本编码h富文本格式

原创 Excel表格函数判断身份证号是否正确

D4为身份证号所在的位置=IF(LEN(D4)=0,"空",IF(LEN(D4)=15,"老号",IF(LEN(D4)<>18,"位数不对",IF(CHOOSE(MOD(SUM(MID(D4,1,1)*7+MID(D4,2,1)*9+MID(D4,3,1)*10+MID(D4,4,1)*5+MID(D4,5,1)*8+MID(D4,6,1)*4+MID(D4,7,1)*2+MID(D4,8,1)*1+MID(D4,9,1)*6+MID(D4,10,1)*3+MID(D4,11,1)*7+M.

原创 Nginx入门之入门笔记

Nginx入门之入门笔记nginx优势反向代理负载均衡动静分离nginx常用命令启动：nginx停止：nginx -s stop安全退出：nginx -s quit重新加载配置文件：nginx -s reload查看nginx进程：ps aux|grep nginxnginx配置文件内容# 第一部分(全局配置)# 第二部分()events { worker_connections 1024;}# 第三部分(http配置：负载均衡，反向代理等)http{

原创 uniapp调试安卓,iOS, 微信小程序, 支付宝小程序

安卓真机调试电脑usb链接电脑持续点击手机的版本参数,打开手机的开发者模式开启手机的开发者选项开启usb调试usb安装usb调试(安全设置,允许usb安装软件)华为:usb链接方式选择传输文件设置>系统>开发人员选项>打开开发者选项>打开usb调试IOS真机调试windows:安装iTunes数据线链接iPhone软件安装到手机后按照系统提示,在设置>通用>设备管理(或描述文件)中新人DCloun企业证书手动启动需要调试的软件mac

原创 vue-cli项目上线后关闭sources与devtools

关闭sources//vue.config.js中配置 configureWebpack: { devtool: process.env.NODE_ENV === "development" ? "cheap-module-eval-source-map" : "cheap-module-source-map", },关闭devtools Vue.config.productionTip = false const isDebu

原创 vue-cli简单使用qiankun框架注意事项

当主应用使用hash路由时, 子应用尽量也使用hash路由, 避免一些问题主应用的main.js中配置apps时, activeRule的路径, 需要和子应用中的router.js中对应主应用和子应用不能有相同的id名字, vue-cli项目初创建时, 主应用和子应用的App.vue中父div的id都是app, 需要修改...

转载 Vue——前端生成二维码

与后端生成二维码相比，前端生成二维码更具有灵活性，下面就介绍两种前端生成二维码的方式，两种>方式相比之下，vue-qr比qrcode多了一个再中间添加logo的功能。方式一：qrcodenpm install --save qrcodejs2import QRCode from 'qrcodejs2'使用<div class="qrcode" ref="qrCodeUrl"></div><script>methods: { creatQrC.

原创 微信小程序发送给好友及朋友圈功能

onShareTimeline: function() {}, onShareAppMessage: function () {}

原创 tsconfig.json基础配置

{ /* "include": 用来指定哪些ts文件需要被编译 路径：** 表示任意目录 * 表示任意文件 "exclude": 不需要被编译的目录 默认值： ["node_modules", "bower_components", "jspm_packages"] "extends": 继承外部的ts配置文件 "files": 指定需要编译的ts文件，编译少量ts文件时会用到

转载 node-images

images logoCross-platform image decoder(png/jpeg/gif) and encoder(png/jpeg) for Node.jsNode.js轻量级跨平台图像编解码库var images = require("images");images("input.jpg") //Load image from file //加载图像文件

转载 moment.js常用方法

moment.js常用方法安装依赖npm install moment --save'use strict'let moment = require('moment');//获取当前时间var now = moment().toDate();console.log(now)//格式化当前时间now = moment().format('YYYY-MM-DD');console.log(now);//其它几种格式化方法now = moment().format('L')

原创 2021-5-17记录

1.修改浏览器滚动条样式隐藏IE浏览器滚动条 /* IE 浏览器 */.scrollbar { -ms-scroll-chaining: chained; -ms-overflow-style: none; -ms-content-zooming: zoom; -ms-scroll-rails: none; -ms-content-zoom-limit-min: 100%; -ms-content-zoom-limit-max: 500%; -ms-scroll-snap-

原创 解决h5移动端浏览器页面弹出键盘时覆盖输入框的问题

window.addEventListener("resize", function() { if ( document.activeElement.tagName == "INPUT" || document.activeElement.tagName == "TEXTAREA" ) { window.setTimeout(function() { document.activeElement.scrollIntoViewIfNeeded(); }, 0

原创 centos7.0使用yum命令安装mongodb和nginx

1.mongodb安装mongodb安装mongodb官方安装文档创建一个/etc/yum.repos.d/mongodb-org-4.2.repo文件，文件内容如下： [mongodb-org-4.2] name=MongoDB Repository baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/4.2/x86_64/ gpgcheck=1 enabled=1 gpgkey=https://ww

原创 npm安装robotjs工具

安装build工具npm install --global --production windows-build-tools --registry=http://registry.npm.taobao.org安装robot工具npm i robot安装opn工具npm i opn代码：const opn = require('opn'); //执行语句var robot = require("robotjs"); //控制鼠标键盘等操作 var scr

转载 vue+nodejs实现大文件分片上传后合并

该内容稍微改动原博客代码原博客链接前端代码：<template> <div> <div style="margin: 20px"> <h2>Upload Large Files</h2> <br /> <el-row> <el-col :span="4"> ..

原创 nodejs遍历目录，并在目录下生成文件

var fs = require("fs")var path = require("path")let dir = "G:/新建文件夹/" //需要遍历的目录var root = path.join(dir)readDirSync(root)function readDirSync(path) { var pa = fs.readdirSync(path); pa.forEach(function (ele, index) { var info = fs.s

转载 vue引用MarkDown(mavonEditor)编辑器，文档

这是从github转过来的（防止有时访问不到）mavonEditor喜爱 & 想要将mavonEditor变得更好的小伙伴，邮这里 [email protected]: 毕业/工作已经把我榨干，能维护mavonEditor的时间越来越少（近两年的重心没有在前端，忘大家谅解:)），希望有能力的小伙伴可以来共同维护好这个小小编辑器！[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ES6r2Zyr-1615189862683)(https://camo

原创 计算机等级考试体系

原创 错误收集

1. 无法加载文件，因为在此系统上禁止运行脚本打开powershell窗口，运行：set-ExecutionPolicy RemoteSigned命令选择：Y

原创 js工具函数收集

1. 在一个数组对象中， 删除对象键值对重复的元素/** * 判断数组对象中是否有某个值 * @param {*} arr 表示要遍历的数组 * @param {*} attr 表示用数组对象中哪个键来查询重复数据并删除*/function distinct3(arr, key) { for (let i = 0; i < arr.length; i++) { for (let j = i + 1; j < arr.length; j++) { if (arr[i][ke

转载 canvas数字雨

<template> <canvas id="vue-matrix-raindrop"></canvas></template> <script> export default { name: 'vue-matrix-raindrop', //插件的各种参数 props:{ //canvas宽度 canvasWidth:{ type:Number.

原创 vue使用原生＜input type=‘file‘/＞上传图片并显示缩略图

效果图：html代码： <div class="uploader"> <input type="file" class="fonts" name="" @change="afterRead" ref="updata" accept="image/*" id="upload" /> </div> <label

原创 vue手写步骤条功能

效果图：可能代码质量也不太好html代码： <div class="step"> <div> <div class="posit"> <div :class="'radius' + ' ' +(step>=1 ? 'speed-bg-color':'')"> <van-icon name="records" :color="step>=1?'#fff':''"/&

原创 NodeJs使用jsonwebtoken时，token的验证及捕获错误中间件

let tokenYZ = async (req, res, next) => { const token = String(req.headers.authorization || " ").split(' ').pop() if (!token) { res.status(401).send("token不能为空") return } let con = jwt.verify(toke.

原创 前端使用a标签下载文件

<a href="./utlis/操作手册.doc" style="color:#fff;" download="操作手册.doc"> 操作手册</a>vue中写打包后在dist文件夹中的相对路径

原创 js解决小数精度丢失问题

js因为进制存储的原因，比如0.1，转化为二进制后就是0.000110011…是一个无限循环小数。并没有一个精确的二进制表示。所以在小数相加时会出现这样的情况0.1+0.2//0.30000000000000004解决：对相加的结果进行下面的处理let a = 0.1+0.2a = toDecimal(a) //0.3function toDecimal(x) { var val = Number(x) if(!isNaN(parseFloat.

原创 js知识点--待完善

js知识点函数提升和变量提升，函数提升优先于变量提升当函数名和变量名重复时，如果变量没有赋值，函数生效，如果变量被赋值，则函数生效var s = function g(){}注意：当前这个 g是只读的，不能被赋值，且g只能在函数内部访问this谁调用就指向谁，没人调用就指向windowthis 当函数创建的时候，this指向当前函数的实例简单的函数声明和箭头函数无法被new对象和闭包不能挨在一起，必须有分号，换行无用欢迎各位评论补充...

原创 VIM基础命令

vi/vim 命令vim 1.txt 进入文件编辑，只读状态i/a 进入编辑esc 结束编辑shift+: 退出前提​ wq 保存退出​ q! 不保存退出/dadfa 回车 索引n 向下查找shift + n 向上查找

原创 微信小程序前端开发试题选择题的选择功能

先贴效果图wxml文件<view> {{exam.a.title}}</view><view class="box"> <block wx:for="{{exam.b}}" wx:key="index"> <view class="every {{is_yes && is_if == index ? 'right':''}} {{!is_yes && exam.a.key == item.c

原创 微信小程序自定义头部组件

1. 首先在app.json的window中配置"navigationStyle": "custom"该配置项是取消微信小程序自带的头部组件2. 自己在components中创建一个文件我创建了topBar文件夹新建components组件3. wxml文件<view id="topbar" class="topbar" style="padding-top:{{topPadding}}px;background:{{styl.bg_color ? styl.bg_color:'

原创 表格转换.csv文件并转换编码

表格转换.csv文件并转换编码今天在转换.xlsx表格是遇到了问题，用记事本打开转换编码为UTF-8后一直是乱码，无法转换成功，后来通过多种尝试，发现下面方法可以转换成功用wps office打开表格另存为选择.csv格式文件这个时候存的.csv文件是可以用记事本打开并且不会乱码用记事本打开改文件(Notepad++)，再转化为utf-8编码最后导入数据库点击这里查看如何将表格导入到MongoDB数据库...

原创 Node.js连接MongoDB

Node.js连接MongoDB安装模块npm install mongodb创建连接并插入数据const MongoClient = require('mongodb').MongoClient;//引入模块const url = 'mongodb://localhost:27017/' //连接数据库需要的地址//连接数据库MongoClient.connect(url,{useNewUrlParser:true,useUnifiedTopology:true}, (err,db)=&

原创 mongodb学习笔记

mongodb学习笔记关于mongodbmongodb是面向文档型的数据库在mysql里面是一个个的数据表，但是在mongodb里面是一个个的集合，集合里面是一个个的文档在mysql里面的数据表中是一行行的数据，但是在mongodb里面的文档中是一个对象的集合，每个对象类似一行的数据mongodb是以键值对的形式保存数据的mongodb的运行在mongodb的安装目录下的bin下有两个重要的程序mongo.exe和mongod.exe其中mongod.exe是启动Mongodb

原创 MongoDB将XLSX表格导入到数据库

提前准备将.XLSX文件另存为.csv文件为防止导入数据库后乱码问题，将.csv文件转码为utf-8转码办法：将.csv文件用记事本打开另存为文件时选择utf-8编码保存导入数据库在命令行执行以下命令mongoimport -d Dian -c userinfo --type csv --headerline --file C:/Users/DELL/Desktop/diangong1.csv参数说明：d:数据库名c:集合名type:文件类型，指明是csv文件h

原创 vuex学习记录

vuex学习安装并引入安装npm install vuex --save引入并使用import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state:{}, getters:{}, mutations:{}, actions:{}, modules:{}})核心1. state相当于vue组件实例中的dat

原创 微信小程序获取用户信息

微信小程序获取用户信息的几种方式以下三种方式都无法获取到用户的openID1. 开放组件获取用户信息<open-data></open-data>该组件的type属性根据不同的属性值可以展示用户不同的信息该方式不需要授权，因为该方式值能获取到当前登录用户自己的基础信息但是该方法获取的用户信息只能展示，不可以通过js方法获取到<open-data type="userAvatarUrl">用户头像</open-data><open-dat

原创 微信小程序开发支付功能前端需要负责

微信小程序开发支付功能前端负责：调用后端给的接口，传入商品价格和商品名称或描述该接口会返回一串数据该数据中包含以下五个参数{ 'timeStamp': '',//时间戳从1970年1月1日00:00:00至今的秒数,即当前的时间 'nonceStr': '',//随机字符串，长度为32个字符以下。 'package': '',//统一下单接口返回的 prepay_id 参数值，提交格式如：prepay_id=* 'signType': 'MD5',