- 博客(10)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 webpack5的CssMinimizerPlugin和js压缩有冲突
问题在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$/})...
2021-12-09 21:54:24
1690
原创 vue不同参数跳转同一路由，复用同一组件，动态路由实现
问题描述有时候需要跳转同一个路由（或者复用同一组件），但是vue是不能实现同路由跳转的，但可以用其他方法实现需求，这里用作品页面案例举例。需求看图实现使用vue router的动态路由匹配，官方文档：动态路由匹配代码router文件中的路由设置，具体看官方文档{ path: '/work_exhibition/:workId', name: 'WorkExhibition', component: () => import('@/pages/WorkExh
2021-08-27 14:38:37
3108
原创 vue项目中，wangEditor同时存在多个editor对象时，显示错误
原因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
2021-05-25 17:41:41
1720
7
原创 c3多行文本溢出加省略号
代码 display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; //控制第几行开始省略 -webkit-box-orient: vertical;注意如果有padding值可能会影响效果
2021-05-12 12:01:03
190
原创 封装ajax请求（笔记）
思路接收请求配置，包括url、method、params、data返回Promise对象，让用户定义回调函数处理params中的查询字符新建XMLHttpRequest对象，发送请求报文处理响应报文代码export function request ({ // 对象解构，设置默认值 url, method = 'GET', params = {}, data = {}}) { // 返回一个Promise，给用户定义回调函数 return new Promise
2021-04-21 18:08:20
70
原创 NodeJS解决跨域问题（笔记）
node解决跨域ajax请求遵循同源策略，违反同源策略就会出现跨域问题同源策略MDN文档跨域出现的三种情况：1.协议不同——如：http -> https2.域名（主机名）不同3.端口不同解决app.all("*",function(req,res,next){ //设置允许跨域的域名，*代表允许任意域名跨域 res.header("Access-Control-Allow-Origin","*"); //允许的请求头header类型，这里设置了content-type，
2021-04-21 15:41:07
137
原创 自定义实现Promise功能（笔记）
手写Promise个人学习笔记，不保证全部正确，参考即可大纲对象属性1.状态：status2.数据：data3.回调函数的数组：callbacks构造函数内部的方法1.resolve //传给回调函数调用，改变Promise的状态，status：“resolved”2.reject //传给回调函数调用，改变Promise的状态，status：“rejected”原型上的方法1.then //返回一个新的Promise对象，实现链式调用，根据回调函数中return的值改变新Pr
2021-04-20 16:59:35
198
原创 webpack配置文件（笔记）
webpack配置学习笔记，有错难免，借鉴即可//用于获取路径const path = require('path');//清除旧打包文件const {CleanWebpackPlugin} = require('clean-webpack-plugin');//打包html文件的插件const HtmlWebpackPlugin = require('html-webpack-plugin');//提取css文件的插件const MiniCssExtractPlugin = requir
2021-04-15 21:31:54
79
原创 elementUI自定义upload组件，进度条消失解决方法
相信有些小伙伴用elementUI的upload组件时，通过`http-request`属性重写了上传的方法，然后发现文件列表的进度条消失了ㄟ( ▔, ▔ )ㄏ，下面来看看怎么解决吧。（下面的列子主要是上传视频文件）重点进度条的显示效果主要由下面几点决定的：1.file-list绑定的数组，该数组里面有多少个文件对象，列表就会显示多少个:file-list="videoFileList" //videoFileList是自定义的，存放视频文件的数组2.列表里面的进度条显示，跟绑定的数组里
2021-04-09 19:03:50
3329
原创 js中的call、aply和bind
作用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同理。区别
2021-04-07 20:27:05
3012
空空如也
sentry解析sourcemap，为什么还要获取源文件
2023-04-17
vue3+ts+vite+three，打包非图片视频出错
2023-01-25
vuex的mapState无效
2021-08-17
安装vue-cli失败，怎么回事？
2021-07-19
wangEditor显示错误
2021-05-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人