Niggo-CSDN博客

moment.js - JavaScript 日期处理类库官方文档地址：moment.js中文网npm install moment使用示例import * as moment from 'moment';export function momentTest(startDate, monthNum，dayNum) { let start = moment(startDate, 'YYYY-MM-DD')//解析日期 let startYear = moment(startDate, 'Y

2022-05-20 15:54:06 337

原创 element ui修改多选框表头

1. 试过JS innerHTML修改dom，没生效2. 使用css :before选择器修改，生效2.1给多选表头增加class名<el-table :data="bondData" border style="width: 100%" :header-cell-class-name="cellClass" @selection-change="handleSelectionChange"> <el-table-column

2022-02-22 17:10:16 433

原创 vue文件流转 base64 笔记

/* 转化64格式图片 */ getBase64(file) { return new Promise(function(resolve, reject) { let reader = new FileReader() let imgResult = '' reader.readAsDataURL(file) reader.onload = function() { imgResult = reader.

2021-12-10 10:49:44 716

原创前端日期时间操作笔记

JS快速获取年与日时分秒 let dateTime=new Date( +new Date() + 8 * 3600 * 1000 ).toJSON().substr(0,19).replace("T"," ")``

2021-11-15 16:07:56 74

原创 async/await使用方法总结（实战）

1.获取字典async initDic() { const brandList = await this.getDicType('web_query_brand') const typeList = await this.getDicType('car_type') const priceList = await this.getDicType('web_query_price') console.log(brandList) for (let

2021-10-12 10:04:33 199

原创 Vue项目正式环境中删除console

Terser 去除配置项webpack 内置了 TerserPlugin 用来打包 js ，我们可以在 webpack 官网找到该插件的说明：TerserWebpackPlugin在其 Github 下找到去除 console 的配置项：其配置项在 compress.drop_console 。如何配置在终端使用导出 webpack 配置文件命令：vue inspect > output.js打开生成的output.js，可以找到 terser 的配置在 optimization.m

2021-06-08 17:12:42 1040

原创 vue-cli使用ESLint配置选项

ESLint配置选项eslint配置方式注释配置：使用js注释来直接嵌入ESLint配置信息到一个文件里配置文件：使用一个js文件，JSON或者YAML文件来给整个目录和它的子目录指定配置信息。这些配置可以写在一个文件名为.eslintrc.*的文件或者在package.json文件里的eslintConfig项里，这两种方式ESLint都会自动寻找然后读取，或者你也可以在命令行里指定一个配置文件。有几种东西是可以配置的环境：你的脚本会在哪种环境下运行。每个环境带来了一组特定的预定义的全局变量。

2021-06-08 15:45:47 979

原创 vue-cli3 vue.config.js配置文件详解

vue-cli3 vue.config.js配置文件详解vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。这个文件应该导出一个包含了选项的对象：官方文档module.exports = { // 选项...}常用配置选项：1.publicPath

2021-06-08 15:14:52 1500

原创 vue项目，使用FullCalendar日历插件

本文案例是月视图下的预定管理安装FullCalendar，按需引入，官方文档：https://fullcalendar.io/docs/vuenpm install @fullcalendar/vue @fullcalendar/daygrid moment在页面中引用fullcalendar组件<template> <div class='calendarAll'> <div class='calendarBox'> <F

2021-06-07 14:57:21 1203 1

原创前端VUE项目使用gzip压缩打包

前端VUE项目使用gzip压缩打包安装compression-webpack-plugin包npm i compression-webpack-plugin由于脚手架版本兼容问题，直接安装最新版可能会导致报错TypeError: Cannot read property ‘tapPromise’ of undefined我这里vue cli是4.5.0版本，所以安装的是6.1.1版本npm install compression-webpack-plugin@6.1.1 --save-

2021-06-04 18:00:31 2879 3

Chq_Niggo1995的博客

原创 vue3.0图片上传组件封装及拖动排序

原创 VUE3.0数字金额格式化组件

原创 element ui table 表格合并

原创 Vuex Mapgetters使用方法

原创 vue默认带参方法加参数

原创 element 动态form提交验证

原创 vue2.0 wangeditor JS版使用方法

原创 element ui form表单验证

原创 JS常用方法总结笔记

原创 vue项目常用工具包-moment.js lodash.js