<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_44993282的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_44993282</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_44993282]]></copyright><item><title><![CDATA[react antd 前端解析csv文件]]></title><link>https://blog.youkuaiyun.com/qq_44993282/article/details/129532335</link><guid>https://blog.youkuaiyun.com/qq_44993282/article/details/129532335</guid><author>qq_44993282</author><pubDate>Tue, 14 Mar 2023 16:40:05 +0800</pubDate><description><![CDATA[react antd 解析csv 文件]]></description><category></category></item><item><title><![CDATA[vue项目首屏加载慢性能优化（打包文件chunk-vendors过大）]]></title><link>https://blog.youkuaiyun.com/qq_44993282/article/details/118359650</link><guid>https://blog.youkuaiyun.com/qq_44993282/article/details/118359650</guid><author>qq_44993282</author><pubDate>Wed, 30 Jun 2021 14:27:29 +0800</pubDate><description><![CDATA[在做vue项目中，遇到首屏加载慢，发现chunk-vendors文件过大，这个chunk-vendors主要是打包的是第三方库资源   如果Vue、elementui、axios、echarts、moment等
从两方面进行有话
1.gzip压缩
因为浏览器是认识gz文件，  使用gzip压缩 大概可以压缩至50%左右。
我这边设置 只有生产环境才使用gzip压缩，用了compression-webpack-plugin这个插件
// vue.config.js文件
const CompressionWeb]]></description><category></category></item><item><title><![CDATA[vue项目浏览器缓存问题]]></title><link>https://blog.youkuaiyun.com/qq_44993282/article/details/117356216</link><guid>https://blog.youkuaiyun.com/qq_44993282/article/details/117356216</guid><author>qq_44993282</author><pubDate>Fri, 28 May 2021 11:17:20 +0800</pubDate><description><![CDATA[在项目中遇到比较棘手的事，就是每次通过jenkins构建发布后最新的代码，访问的是一直是原页面，必须手动刷新才会显示最新的代码，一开始就定位的是浏览器缓存问题。网上也漫无目的的查资料，也一直没有解决。vue脚手架打包的文件都会加上hash值的，但是忽略的html的缓存机制
打开network查看所有资源，查看到首页 状态码是304 Not Modified，进而可以定位到是html缓存问题

为了解决这个问题   最简单的办法就是让html不做任何缓存，通过nginx来配置 网上也查了一些资料
locati]]></description><category></category></item><item><title><![CDATA[vue axios响应拦截器message弹窗多个的优化]]></title><link>https://blog.youkuaiyun.com/qq_44993282/article/details/117081915</link><guid>https://blog.youkuaiyun.com/qq_44993282/article/details/117081915</guid><author>qq_44993282</author><pubDate>Thu, 20 May 2021 16:35:33 +0800</pubDate><description><![CDATA[防抖思想    解决axios响应拦截器message弹窗多个的优化
// 做个标识  防止出现多个message的error弹窗
let flag = true
instance.interceptors.response.use(
  (response) =&gt; {
    const res = response.data
    if (response.status === 200) {
      if (res.code !== '1') {
        if (!flag) ret]]></description><category></category></item><item><title><![CDATA[前端自动化部署jenkins配置详细步骤]]></title><link>https://blog.youkuaiyun.com/qq_44993282/article/details/115394956</link><guid>https://blog.youkuaiyun.com/qq_44993282/article/details/115394956</guid><author>qq_44993282</author><pubDate>Fri, 02 Apr 2021 13:57:56 +0800</pubDate><description><![CDATA[关于jenkins服务器安装自行百度：
这里简单说一下主要4点
1.安装java环境：因为运行jenkins需要依赖java环境
2.Jenkins的安装
3.安装git
4.node的环境
这边文章主要讲Jenkins的配置步骤
1.新建任务，输入任务名称和选择第一项自由风格

2.新建成功后，进入项目的配置菜单






public over ssh  插件在系统配置中有个插件管理可供下载

以上是全部的配置步骤，如有问题可以留言讨论。

...]]></description><category></category></item><item><title><![CDATA[前端基于vue实现上传阿里oss图片上传]]></title><link>https://blog.youkuaiyun.com/qq_44993282/article/details/115279421</link><guid>https://blog.youkuaiyun.com/qq_44993282/article/details/115279421</guid><author>qq_44993282</author><pubDate>Sun, 28 Mar 2021 13:38:41 +0800</pubDate><description><![CDATA[##前端基于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',
]]></description><category></category></item><item><title><![CDATA[根据对象某个相同的属性来合并]]></title><link>https://blog.youkuaiyun.com/qq_44993282/article/details/103272560</link><guid>https://blog.youkuaiyun.com/qq_44993282/article/details/103272560</guid><author>qq_44993282</author><pubDate>Wed, 27 Nov 2019 11:40:34 +0800</pubDate><description><![CDATA[在开发中难免会遇到后端给你的数据很复杂，一时想不出好的方法，我就遇到一个对我比较难的问题，可能自己水平不行，就是根据一个数组中，每个对象某个相同的属性来和并

左边的数据和并成右边的格式，这是我实际工作中后端返回的数据
var data = [
  { xxx: null, yyy: 1 },
  { xxx: 1, yyy: 2 },
  { xxx: 2, yyy: 3 },
  { xxx:...]]></description><category></category></item><item><title><![CDATA[解决ie浏览器  input输入框按回车键跳转]]></title><link>https://blog.youkuaiyun.com/qq_44993282/article/details/103272427</link><guid>https://blog.youkuaiyun.com/qq_44993282/article/details/103272427</guid><author>qq_44993282</author><pubDate>Wed, 27 Nov 2019 11:24:24 +0800</pubDate><description><![CDATA[在使用elementUI开发中，遇到一个比较棘手的问题，公司测试在测试过程中，发现一个bug,就是在用ie浏览器input输入框中按回车键会出现跳转现象， 一时百思不得其解，网上查了好久都没找到，后来捣鼓好了，在input输入框后面再添加一个input输入框，并用v-show来隐藏，就没出现这种现象了，基本解决了，如果有更好的方法，欢迎大家留言，共同学习！
下面上段代码
&lt;template&...]]></description><category></category></item><item><title><![CDATA[vue之img标签:src地址拼接]]></title><link>https://blog.youkuaiyun.com/qq_44993282/article/details/103271770</link><guid>https://blog.youkuaiyun.com/qq_44993282/article/details/103271770</guid><author>qq_44993282</author><pubDate>Wed, 27 Nov 2019 11:12:03 +0800</pubDate><description><![CDATA[在使用vue中怎么动态img标签的src地址呢？
试了好几种方法，都不管用，如在data中定义，怎么都获取不到图片地址，最后通过网上查找相关资料，才知道方法，需用用require来引入，下面直接上代码。
&lt;template&gt;
	&lt;div class="num"&gt;
		&lt;img v-else :src="getImgUrl(bankLogo)" alt="" /&gt;...]]></description><category></category></item></channel></rss>