- 博客(9)
- 收藏
- 关注
RSS订阅原创 vue项目首屏加载慢性能优化（打包文件chunk-vendors过大）
在做vue项目中，遇到首屏加载慢，发现chunk-vendors文件过大，这个chunk-vendors主要是打包的是第三方库资源 如果Vue、elementui、axios、echarts、moment等从两方面进行有话1.gzip压缩因为浏览器是认识gz文件， 使用gzip压缩 大概可以压缩至50%左右。我这边设置 只有生产环境才使用gzip压缩，用了compression-webpack-plugin这个插件// vue.config.js文件const CompressionWeb
2021-06-30 14:27:29
4253
原创 vue项目浏览器缓存问题
在项目中遇到比较棘手的事，就是每次通过jenkins构建发布后最新的代码，访问的是一直是原页面，必须手动刷新才会显示最新的代码，一开始就定位的是浏览器缓存问题。网上也漫无目的的查资料，也一直没有解决。vue脚手架打包的文件都会加上hash值的，但是忽略的html的缓存机制打开network查看所有资源，查看到首页 状态码是304 Not Modified，进而可以定位到是html缓存问题为了解决这个问题 最简单的办法就是让html不做任何缓存，通过nginx来配置 网上也查了一些资料locati
2021-05-28 11:17:20
3649
原创 vue axios响应拦截器message弹窗多个的优化
防抖思想 解决axios响应拦截器message弹窗多个的优化// 做个标识 防止出现多个message的error弹窗let flag = trueinstance.interceptors.response.use( (response) => { const res = response.data if (response.status === 200) { if (res.code !== '1') { if (!flag) ret
2021-05-20 16:35:33
1682
原创 前端自动化部署jenkins配置详细步骤
关于jenkins服务器安装自行百度：这里简单说一下主要4点1.安装java环境：因为运行jenkins需要依赖java环境2.Jenkins的安装3.安装git4.node的环境这边文章主要讲Jenkins的配置步骤1.新建任务，输入任务名称和选择第一项自由风格2.新建成功后，进入项目的配置菜单public over ssh 插件在系统配置中有个插件管理可供下载以上是全部的配置步骤，如有问题可以留言讨论。...
2021-04-02 13:57:56
552
原创 前端基于vue实现上传阿里oss图片上传
##前端基于vue实现上传阿里oss图片上传首先安装ali-oss插件在根目录新建一个utils文件夹，新建有个alioss.js文件const OSS = require('ali-oss')// 创建oss实例用于向阿里云发送请求export const client = new OSS({ region: 'oss-cn-hangzhou', accessKeyId: '你的accessKeyId', accessKeySecret: '你的accessKeySecret',
2021-03-28 13:38:41
1348
2
原创 根据对象某个相同的属性来合并
在开发中难免会遇到后端给你的数据很复杂，一时想不出好的方法，我就遇到一个对我比较难的问题，可能自己水平不行，就是根据一个数组中，每个对象某个相同的属性来和并左边的数据和并成右边的格式，这是我实际工作中后端返回的数据var data = [ { xxx: null, yyy: 1 }, { xxx: 1, yyy: 2 }, { xxx: 2, yyy: 3 }, { xxx:...
2019-11-27 11:40:34
1087
原创 解决ie浏览器 input输入框按回车键跳转
在使用elementUI开发中，遇到一个比较棘手的问题，公司测试在测试过程中，发现一个bug,就是在用ie浏览器input输入框中按回车键会出现跳转现象， 一时百思不得其解，网上查了好久都没找到，后来捣鼓好了，在input输入框后面再添加一个input输入框，并用v-show来隐藏，就没出现这种现象了，基本解决了，如果有更好的方法，欢迎大家留言，共同学习！下面上段代码<template&...
2019-11-27 11:24:24
1637
原创 vue之img标签:src地址拼接
在使用vue中怎么动态img标签的src地址呢？试了好几种方法，都不管用，如在data中定义，怎么都获取不到图片地址，最后通过网上查找相关资料，才知道方法，需用用require来引入，下面直接上代码。<template> <div class="num"> <img v-else :src="getImgUrl(bankLogo)" alt="" />...
2019-11-27 11:12:03
5405
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人