绵绵藏好啦-CSDN博客

<a-form-item label="上传账单:" v-bind="validateInfos.attachment"> <a-upload v-model:file-list="fileList" name="file" :multiple="true" list-type="picture-card" :show-upload-list="true" class="avatar-uploade...

2022-04-28 10:20:10 1170

原创带token查看图片自定义组件

```javascript<template> <img :id="id" style="display: none;"/> //原生 <a-image :width="width" :height="height" :src="src" /> //antdvue组件</template><script lang="ts"> import { useUserStore, } from "/@/store/modules/user"; import { ref, } from 'vu

2022-04-27 10:51:29 563

原创解决加法精度计算

// 解决加法精度计算问题 function accAdd(arg1, arg2) { var r1, r2, m; try { r1 = arg1.toString().split(".")[1].length } catch (e) { r1 = 0 } try { r2 = arg2.toString().split(".")[1].length

2022-04-26 17:50:15 116

原创 antdvue选择器过滤

//页面 <a-select v-model:value="form.orderIds" mode="multiple" style="width: 200px" placeholder="请选择订单" :filterOption="filterOption"> <a-select-option v-for="(item,index) in tabData" :value="item.id"> {{item.orderNo}}({{item.s

2022-04-15 10:58:55 522

原创 antdvue列设置组件（本地缓存）

filterColumns下的index.vue<template> <a-button type="primary" @click="showDrawer" class="ml-2">列设置</a-button> <a-drawer title="列设置" placement="right" :closable="false" v-model:visible="visible" :after-visible-change="afterVisibleCha

2022-04-13 16:10:34 1143

原创动态表格计算

<template> <div> <div style="display: flex;overflow:auto"> <table> <tr class="th"> <th class="head" :width="150"> <span class="right">{{unit}}</span> <span class="left">目的仓&lt

2022-03-29 17:02:16 305

原创初识Vue，hello小案例

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <!-- 初识Vue： 1、想让vu

2022-01-13 00:10:39 221

原创 Express中间件

文章目录1.应用级别的中间件2.路由级别的中间件3.错误级别的中间件4.Express内置的中间件5.第三方的中间件Express官方把常见的中间件用法，分成了5大类，分别是：1.应用级别的中间件通过**app.use()** 或 **app.get()** 或 **app.post()**，**绑定到app实例上的中间件**，叫做应用级别的中间件//应用级别的全局中间件app.use(function(req,res,next){ console.log('我是全局中间件') next(

2022-01-11 18:32:25 1327

原创 Express中间件注意事项

Express中间件的5个注意事项一定要在路由之前注册中间件客户端发送过来的请求，可以连续调用多个中间件进行处理执行玩中间件的业务代码之后，不要忘记调用next()函数为了防止代码逻辑混乱，调用next()函数后不要再写额外的代码连续调用多个中间件时，多个中间件之间，共享req和res对象全局中间件调用，代码示例：//1、导入expressconst express = require('express')//2、创建Web服务器const app = express()app.u

2022-01-11 04:05:51 327

原创 Express路由

文章目录前言一、创建路由模块二、路由的使用1、注册路由模块2、为路由模块添加前缀前言为了方便对路由进行模块化的管理，Express不建议将路由直接挂载到app上，而是推荐将路由抽离为单独的模块，将路由抽离为单独模块的步骤如下：创建路由模块对应的js文件调用**express.Router()**函数创建路由对象向路由对象上挂载具体的路由使用module.exports向外共享路由对象使用**app.use()**函数注册路由模块一、创建路由模块router.jsconst expr

2022-01-11 03:25:06 59

原创 nodemon使用

文章目录前言一、安装nodemon？二、使用nodemon前言编写调试Node的时候，项目代码做了修改，需要频繁手动停止，在重新启动，非常繁琐提使用nodemon能够监听项目文件的变动，当代码被修改后，nodemon会自动重启项目，极大方便了开发和调试一、安装nodemon？在终端中，运行如下命令，即可将nodemon安装为全局可用的工具：npm install -g nodemon二、使用nodemon传统的方式是运行node app.js命令启动项目，需要手动重启现在将node命

2022-01-10 20:51:55 3168

原创 Express使用

文章目录一、Express的基本使用1、安装2、创建基本的Web服务器3、监听GET请求4、监听POST请求5、把内容响应给客户端postman测试6、获取URL中携带的查询参数7、获取URL中携带的动态参数一、Express的基本使用1、安装在项目所处的目录中，运行如下的终端命令，即可将express安装到项目中使用：npm i express@4.17.12、创建基本的Web服务器//1、导入expressconst express = require('express')//2、创

2022-01-10 20:15:01 609

原创 npm与包（开发属于自己的包）

文章目录初始化包的基本结构一、初始化package.json二、在index.js中定义格式化时间的方法引入使用三、在index.js中定义转义HTML的方法四、在index.js中定义还原HTML的方法五、将不同的功能进行模块化拆分六、编写包的说明文档七、发布包1、注册npm账号2、登录npm账号（终端）3、把包发布到npm上4、npm官网登录账号查看4、删除已发布的包初始化包的基本结构新建demo-tools文件夹，作为包的目录在demo-tools文件夹中，新建如下三个文件package.

2022-01-10 02:34:35 393

原创解决下包速度慢、切换npm的下包镜像源

文章目录切换npm的下包镜像源nrm小工具切换npm的下包镜像源下包的镜像源，指的是下包的服务器地址1、# 查看当前的下包镜像源 npm config get registry2、# 将下包的镜像源切换为淘宝镜像源 npm config set registry=https://registry.npm.taobao.org/3、# 检查镜像源是否下载成功 npm config get registrynrm小工具利用nrm提供的终端命令，可以快速查看和切换下包的镜像源

2022-01-09 15:57:39 243

原创 nvm管理node版本

nvm管理node版本下载nvm管理node版本（如原先有node，必须先卸载）nvm命令下载nvm管理node版本（如原先有node，必须先卸载）https://github.com/coreybutler/nvm-windows/releases安装完打开settings.txt加上node_mirror:https://npm.taobao.org/mirrors/node/ npm_mirror:https://npm.taobao.org/mirrors/npm/nvm命令打

2022-01-09 15:41:15 175

原创 Vue添加纯色背景水印

Vue添加纯色背景水印main.js中添加Vue.prototype.watchCanvs = (width, height, text, classname) => { let canvas = document.createElement('canvas') canvas.width = width canvas.height = height let context = canvas.getContext('2d') let text1 = '' for (let i

2021-09-11 16:38:49 493

原创 Js常规检验、一些正则表达校验

以下是常规js校验//手机号码验证isPhone(value) { return /^(\+86)?1[3456789]\d{9}$/.test(value);},//客户名称验证custName(value) { return /^[\u4E00-\u9FA5A-Za-z()（）]+$/.test(value);},//邮箱地址验证email(value) { return /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]

2021-06-29 09:56:12 250

原创 vue 禁止input输入框输入特殊字符和汉字

<el-form-item label="微信"> <el-input placeholder="请输入微信" v-model="form.wechat_num" @keyup.native="btKeyUp"></el-input></el-form-item>methods: { btKeyUp(e) { //没有显示‘破折号’和 '.' 需要的可以手动加上 this.form.wechat_num

2021-06-29 09:30:20 3543 1

原创动态考勤表-日期只能在某个月选时间段

整个例子<template> <div class="page-container"> <div class="toolbar"> <el-form :inline="true"> <el-form-item label="考勤日期:"> <el-date-picker @change="getTimes" v-model="date" size="small" type="dat

2021-06-29 09:28:57 539

原创导出element ui表格合并表头的xlsx

1、引入import FileSaver from ‘file-saver’import XLSX from ‘xlsx’2、导出exportExcel(excelName) {try { const $e = this.$refs['listTable'].$el let $table = $e.querySelector('.el-table__fixed') if (!$table) { $table = $e

2021-06-29 09:25:54 168

原创 vue+element导出excel,并修改样式

1、引入import FileSaver from 'file-saver'import XLSX2 from 'xlsx'import XLSX from "xlsx-style";2、报错安装npm install –save xlsx-style会报错：This relative module was not found: ./cptable in ./node_modules/xlsx-style@0.8.13@xlsx-style/dist/cpexcel.js解决方法一：

2021-06-29 09:22:27 858 3

D2admin后台管理系统模板，可直接使用

elementUI el-tree父节点选中禁用子节点