bamboozjy的博客

//d.file是上传的原始文件数据 let quality=1 if(d.file.size<1000*1000){ //小于1M quality=0.8 }else if(d.file.size<5000*1000){ //小于5M quality=0.5 }else if(d.file.size<10000*1000){ //小于10M quality=0.3 }el...

anime.js官网_免费、灵活的轻型JavaScript动画库 | animejs安装及引用:// 终端中安装:npm install animejs //文件中引入import anime from "animejs"使用://html: <div class="w375">HelloWorld</div> <div class="normal">正常文字</div> <em class="em"&

1. 引入转换js文件:import calendarFormatter from '@/common/dateChange.js'2. 公历转农历: let nongli = calendarFormatter.solar2lunar(2020,5,26); console.log(nongli); // 结果如下: // { // Animal: "鼠", // IDayCn: "初四", // IMonthCn: "闰四月

var download = require('../assets/download.js') function down(v){ if(v.indexOf('.txt')!==-1){ var x=new XMLHttpRequest(); x.open("GET", v, true); x.responseType = 'blob'; x.onload=function(e){download(x.respon...

使用方法:1. 安装依赖:npm install v-viewer2.1 main.js中全局引入插件及样式:import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer, { defaultOptions: { zIndex: 9999, }})2.2 组件中引用插件机样式 import 'viewerjs/dist/viewer.css' import

1.安装依赖:npm install babel-plugin-transform-remove-console -D2.在babel.config.js中配置plugin,不需要引入插件let plugin = []if (process.env.NODE_ENV === 'production') { // 如果是生产环境 plugin.push([ 'transform-remove-console', { exclude: ['error', 'wa

vue-cli3或4脚手架搭建的项目第一步:安装依赖:npm i compression-webpack-plugin -D第二步:在vue.config.js中配置:const CompressionWebpackPlugin = require('compression-webpack-plugin')const isProduction = process.env.NODE_ENV === 'production'module.exports = { publicPath:

代码在未压缩前体积是1.4M,加载时间约6秒,开启压缩后体积变为377kb,只用了266毫秒.开启步骤:1.先安装node服务器的依赖:npm i compression2.在app.js中加上这两句代码:var compression = require('compression');app.use(compression());然后重启node服务器即可看到变化,最大的chunk-vendors.js体积和加载时间明显减少原来:现在:...

1.安装依赖:npm install vue-print-nb --save2.引入插件:import Print from 'vue-print-nb'Vue.use(Print);3.1 简单使用: <div id="printMe" style="background:red;"> <p>葫芦娃，葫芦娃</p> <p>一根藤上七朵花 </p> <p>

1.安装依赖:npm install moment2.引入:var moment = require('moment');或者importmomentfrom"moment"3.使用:前面是方法,后面是结果moment() ：Thu Aug 20 2020 18:42:02 GMT+0800moment().toDate() ：Thu Aug 20 2020 18:42:02 GMT+0800 (中国标准时间)moment()==moment().toDate() ：false...

jpg可以正常上传,png就会上传失败.这是因为开启了图片压缩,导致Content-Type:image/jepg,以及内部文件编码问题.只需要将压缩参数配置设置为null即可以下是上传png图片时开启压缩时:compress:{width:1600,height:1600,quality:80},...

有时候要在移动端调试项目通过alert很不方便,而vconsole.js就可以解决这个问题.它相当于谷歌浏览器的devtools,只是比pc端的要简陋一些.原生js使用:在<header>头部引入:<script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></scr...

传送门:https://blog.youkuaiyun.com/QH_JAVA/article/details/52495675多柱状图修改颜色方法:直接配置color:['red','blue','green']var colorList = ['#FFC367', '#5793F3', '#DA9CFF', '#27727B', '#5D84FF', '#C1232B',...

之前使用html2canvas转成图片会有各种bug,如canvas被污染,导致不能下载,图片跨域等.最终还是没能解决问题.最近找到一个新的插件domtoimage,可以完美解决之前的问题,这个只需要引入js,然后调用即可生成图片. domtoimage.toPng(document.getElementById('repair')) .then(function ...

效果如下：1.安装依赖：npm install vue-particles --save-dev2.main.js引入import VueParticles from 'vue-particles'Vue.use(VueParticles)3.项目中使用 &lt;vue-particles color="#dedede" :...

1.安装依赖：npm install vue-waypoint --save-dev2.使用：在main.js中：import Vue from 'vue'import VueWaypoint from 'vue-waypoint'// Waypoint pluginVue.use(VueWaypoint)在demo.vue组件中：html： &l...