illusionGD的博客

问题在webpack5中，不需要手动引入uglify插件，只需配置mode为production就可以压缩js代码。但是，如果用了css-minimizer-webpack-plugin插件去压缩css文件，js的压缩就会失效。解决方法使用terser-webpack-plugin插件去压缩js代码const TerserPlugin = require("terser-webpack-plugin");new TerserPlugin({ test: /\.js$/})...

问题描述有时候需要跳转同一个路由（或者复用同一组件），但是vue是不能实现同路由跳转的，但可以用其他方法实现需求，这里用作品页面案例举例。需求看图实现使用vue router的动态路由匹配，官方文档：动态路由匹配代码router文件中的路由设置，具体看官方文档{ path: '/work_exhibition/:workId', name: 'WorkExhibition', component: () => import('@/pages/WorkExh

原因1.id只能唯一2.v-for循环，key只能唯一3.最好不要用id（即使id是唯一的）去new 一个editor对象，可能会出错，使用vue的ref去new（我遇到的，花了半天时间，很烦）代码：<div ref="text-container" class="text"></div><div ref="toolbar-container" class="toolbar"></div>//初始化富文本编辑器 this.edi

代码 display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; //控制第几行开始省略 -webkit-box-orient: vertical;注意如果有padding值可能会影响效果

思路接收请求配置，包括url、method、params、data返回Promise对象，让用户定义回调函数处理params中的查询字符新建XMLHttpRequest对象，发送请求报文处理响应报文代码export function request ({ // 对象解构，设置默认值 url, method = 'GET', params = {}, data = {}}) { // 返回一个Promise，给用户定义回调函数 return new Promise

node解决跨域ajax请求遵循同源策略，违反同源策略就会出现跨域问题同源策略MDN文档跨域出现的三种情况：1.协议不同——如：http -> https2.域名（主机名）不同3.端口不同解决app.all("*",function(req,res,next){ //设置允许跨域的域名，*代表允许任意域名跨域 res.header("Access-Control-Allow-Origin","*"); //允许的请求头header类型，这里设置了content-type，

手写Promise个人学习笔记，不保证全部正确，参考即可大纲对象属性1.状态：status2.数据：data3.回调函数的数组：callbacks构造函数内部的方法1.resolve //传给回调函数调用，改变Promise的状态，status：“resolved”2.reject //传给回调函数调用，改变Promise的状态，status：“rejected”原型上的方法1.then //返回一个新的Promise对象，实现链式调用，根据回调函数中return的值改变新Pr

webpack配置学习笔记，有错难免，借鉴即可//用于获取路径const path = require('path');//清除旧打包文件const {CleanWebpackPlugin} = require('clean-webpack-plugin');//打包html文件的插件const HtmlWebpackPlugin = require('html-webpack-plugin');//提取css文件的插件const MiniCssExtractPlugin = requir

相信有些小伙伴用elementUI的upload组件时，通过`http-request`属性重写了上传的方法，然后发现文件列表的进度条消失了ㄟ( ▔, ▔ )ㄏ，下面来看看怎么解决吧。（下面的列子主要是上传视频文件）重点进度条的显示效果主要由下面几点决定的：1.file-list绑定的数组，该数组里面有多少个文件对象，列表就会显示多少个:file-list="videoFileList" //videoFileList是自定义的，存放视频文件的数组2.列表里面的进度条显示，跟绑定的数组里

作用call、aply和bind都可以改变函数中的this指向。用法call：function fn1(){ this.name = 'aaa';}function fn2(){ console.log(this)}//将fn2的this指向了fn1fn2.call(fn1);fn2()可以看到输出结果，fn2的this已经改变了，变成了fn1，并且执行了fn2函数；但是，这只是暂时的，当再次执行fn2时，this还是window没变；aply和bind同理。区别