优化 Webpack

1）优化 Webpack 的构建速度 使用高版本的 Webpack （使用webpack4） 多线程/多实例构建：HappyPack(不维护了)、thread-loader 缩小打包作用域： exclude/include (确定 loader 规则范围) resolve.modules 指明第三方模块...

chrome离线通知

首先创建renderKey.js const webpush = require('web-push'); //VAPID keys should only be generated only once. const vapidKeys = webpush.generateVAPIDKeys(); co...

ant select动态渲染实现默认选中

<Select defaultValue={ textInput[i]["option"][0]?textInput[i]["option"][0]['value']:''} key={ textInput[i]["option"][0]?textInput[i]["option"][0]['value...

vue cli3打包优化

const path = require("path"); const UglifyJsPlugin = require('uglifyjs-webpack-plugin'); const isProduction = process.env.NODE_ENV === 'production'; con...

element-ui对话框可拖拽及边界处理

功能实现代码directives.js代码如下： import Vue from 'vue'; // v-dialogDrag: 弹窗拖拽属性 Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogH...

api更新cloudfflare dns (DDNS)

#!/bin/bash zone_name="55555566.xyz" 根域名 record_name='h.55555566.xyz' 要更新的域名 record_type='A' 解析类型 auth_email='liniaa@163.com' 邮箱 auth_key='token' token...

canvas生成清晰图片

绘制模糊 因为 canvas 不是矢量图，而是像图片一样是位图模式的。高 dpi 显示设备意味着每平方英寸有更多的像素。也就是说 二 倍屏，浏览器就会以 2 个像素点的宽度来渲染一个像素，该 canvas 在 Retina 屏幕下相当于占据了 2 倍的空间，相当于图片被放大了 一倍 ，因此绘制出来的图片...

前端一键自动部署

前端一键自动化部署脚手架服务，支持开发、测试、生产多环境配置。配置好后一键即可自动完成部署。 GitHub github.com/fuchengwei/… Npm www.npmjs.com/package/dep… 1 安装 「全局安装 deploy-cli-service」 npm install...

sequelize时间格式化

初始化Sequelize的时候传入dialectOptions参数 let sequelize = new Sequelize( config.MYSQL_OPTIONS.database, config.MYSQL_OPTIONS.user, config.MYSQL_OPTIONS.password...

sequlize查询结果时间格式化

利用moment时间插件，在sequlize 的model 定义里面加上时间转换函数。 首先引入moment插件： const moment = require('moment'); 然后 给字段 createTime 增加 get 方法： createTime: { type: DataTypes.D...