<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_40652539的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_40652539</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_40652539]]></copyright><item><title><![CDATA[vue启动编译时报错：134（内存溢出）]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/131685906</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/131685906</guid><author>qq_40652539</author><pubDate>Wed, 12 Jul 2023 17:41:20 +0800</pubDate><description><![CDATA[vue项目启动报错，内存溢出，errno 134]]></description><category></category></item><item><title><![CDATA[vue3中引入全局的less 和配置代理]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/125507235</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/125507235</guid><author>qq_40652539</author><pubDate>Tue, 28 Jun 2022 18:03:45 +0800</pubDate><description><![CDATA[使用vue-cli 搭建的项目，在项目中引入公共less]]></description><category></category></item><item><title><![CDATA[关于uniapp中动态设置image的src不生效]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/125261324</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/125261324</guid><author>qq_40652539</author><pubDate>Mon, 13 Jun 2022 15:45:35 +0800</pubDate><description><![CDATA[场景：父组件传值到子组件父组件]]></description><category></category></item><item><title><![CDATA[关于 uniapp 中，自定义的icon不显示]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/125258527</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/125258527</guid><author>qq_40652539</author><pubDate>Mon, 13 Jun 2022 14:56:11 +0800</pubDate><description><![CDATA[在开发 时，需要引入 中的我们自己的字体图标库时，我按照以往在 中的引入方法并结合 官方提供的步骤，一步一步走下来，结果发现字体图标不显示，而且需要修改的文件地址也是正确的，通过查看元素样式，发现字体类已经生效，于是我打开本地的浏览器再看，发现在本地浏览器下，自定的图标库是可以显示的，但是在 内置浏览器下不显示；
这就怪了…
于是我就不再使用我们自己的字体，而是按照官方的步骤，从添加开始，到自己创建项目，一步一步，一步一步…最终引入到项目中去，竟然发现，在内置浏览器下是可以正常显示的；
经过这次的引入，我从]]></description><category></category></item><item><title><![CDATA[ant-design-vue 的 tab 标签页的拖拽功能]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/120724906</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/120724906</guid><author>qq_40652539</author><pubDate>Tue, 12 Oct 2021 15:47:10 +0800</pubDate><description><![CDATA[项目中使用 ant-design-vue的 tab组件时，需要可以对tab的标签页进行调整顺序，结果查看文档，发现vue的组件是没有提供此功能，而react的组件提供了此功能，本着一切从简的想法，于是乎，找到了如下的解决方法：

因为项目中已经有用到vue的Sortable组件，所以就结合这个组件来实现tab标签页的拖拽

&lt;template&gt;
  &lt;!-- 测试 ant tag 组件的拖拽 --&gt;
  &lt;a-tabs
    type="card"
    size="sma]]></description><category></category></item><item><title><![CDATA[JAVA配合Freemark模板生成word返回文件流，前台vue接收下载]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/120126207</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/120126207</guid><author>qq_40652539</author><pubDate>Mon, 06 Sep 2021 08:57:01 +0800</pubDate><description><![CDATA[直接上vue的代码：
	let sendData = {}
    let successCallBack = (resp) =&gt; {
      if (resp.status !== 200) {
        this.$message.error('文件下载失败')
        return false
      }
      // ********************* 接收文件流 ***********************
      let blob = new Blo]]></description><category></category></item><item><title><![CDATA[vue的Axios并行请求--Axios.all()]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/120041136</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/120041136</guid><author>qq_40652539</author><pubDate>Wed, 01 Sep 2021 15:48:40 +0800</pubDate><description><![CDATA[在做项目的过程中，可能会出现这样的场景：某个模块的数据后端是通过好几个接口分开给前端的，所以前端需要拿到数据后对数据进行组装，然后再进行一次性渲染，这种情况下，如果按照正常的异步请求，就可能会导致有的数据展示不出来，因为每个接口请求完成的先后顺序是不固定的，于是就想到了变异步为同步，这样就能够保证最终渲染的数据是完整且正确的，但是使用了同步请求，就会导致数据加载时间过长，影响性能；于是乎~就想到了并行请求Axios.all()（所有请求同时进行，并且所有请求全部完成后再对数据进行处理），如下：
下面是官方例]]></description><category></category></item><item><title><![CDATA[关于iview  upload动态设置default-file-list无效的解决方法]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/112645044</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/112645044</guid><author>qq_40652539</author><pubDate>Thu, 14 Jan 2021 23:59:07 +0800</pubDate><description><![CDATA[在项目中使用iview中upload组件的自定义上传列表时，根据项目的应用场景，我需要动态设置默认的显示列表，但是在我手动修改defaultList的值后，发现页面并无任何变化，并且图片上传成功后，文件列表也不再显示所上传的文件，我尝试打印了console.log(this.$refs.upload),结果中的defaultFileList和fileList都为我设置的内容，但是单独打印了console.log(this.$refs.upload.fileList),发现结果显示的还是修改前的内容，这就奇了]]></description><category></category></item><item><title><![CDATA[解决iview table组件动态表头更新时的报错问题]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/109181279</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/109181279</guid><author>qq_40652539</author><pubDate>Fri, 23 Oct 2020 17:30:38 +0800</pubDate><description><![CDATA[问题：
使用iview的table组件时，需要动态更新表头的数据，会出现如下错误：
You may have an infinite update loop in watcher with expression “columns“

在网上一通搜索后，大部分的解决办法都是修改源码，但是我个人觉得这并不是一个很好的解决办法，所以，经过我的苦思冥想加实际验证，最终在不修改源码的情况下解决掉了这个让认头大的bug,解决方式如下：(比较简单)
解决方式：
使用v-if延迟加载table组件，在数据更新时，浏览器将重]]></description><category></category></item><item><title><![CDATA[js正则表达式查询时特殊字符的处理]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/106420811</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/106420811</guid><author>qq_40652539</author><pubDate>Fri, 29 May 2020 10:58:51 +0800</pubDate><description><![CDATA[项目中需要前端进行模糊搜索时，需要对用户输入的内容先进行一次特殊字符的转义处理处理，我的处理方式如下：

	// ......
	let searchText = ''	// 搜索框中输入的内容
	// 输入的文本中包含以下特殊字符时需要先进行转义
	// 注：要先替换 \ ,否则会将前面已转义的字符中的\再次进行转义
    let specialCharacter = ['\\', '$', '(', ')', '*', '+', '.', '[', '?', '^', '{', '|']
    sp]]></description><category></category></item><item><title><![CDATA[vue在执行代码(客户端代码)中使用定义的环境变量(cross-env)]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/104704242</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/104704242</guid><author>qq_40652539</author><pubDate>Fri, 06 Mar 2020 21:37:08 +0800</pubDate><description><![CDATA[vue管理多项目请移步https://blog.youkuaiyun.com/qq_40652539/article/details/102506149

场景：
我是由于在同一个vue服务下管理了多个项目，而个别界面是这些项目共用的，对于多项目共用的这个界面而言，在每个项目下又存在个细微的差别(比如：不同项目下只是界面的背景图不同)，于是乎，我需要在这个页面中针对不同的项目显示不同的图片
解决方法：
第一...]]></description><category></category></item><item><title><![CDATA[vue终止已发送的axios请求]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/104613851</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/104613851</guid><author>qq_40652539</author><pubDate>Mon, 02 Mar 2020 18:04:13 +0800</pubDate><description><![CDATA[项目中碰到了一种情况：同一界面中，数据信息比较复杂或者比较大，网络请求比较慢，并且还需要多种数据可以切换显示，如果我们在上一个数据未请求完成时便切换到下一个数据显示，则可能会造成界面上的数据显示错误，这时，我们就需要在请求下一数据之前将上一个请求任务终止掉；
方式一：
const CancelToken = axios.CancelToken;
const source = CancelToken...]]></description><category></category></item><item><title><![CDATA[centos7虚拟机中设置共享文件加]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/103437594</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/103437594</guid><author>qq_40652539</author><pubDate>Sat, 07 Dec 2019 18:29:22 +0800</pubDate><description><![CDATA[设置共享文件加的前提条件是虚拟机已经安装了VMware Tools.
一、安装VMware Tools
1、
VMware Workstation菜单栏中，选择“虚拟机”，”安装VMware Tools…“。（注：此时下方可能会弹出“确保您已登录客户端”之类的提醒忽略就好了。）
2、
挂载VMware Tools安装程序到/mnt/cdrom/,如下命令：

...]]></description><category></category></item><item><title><![CDATA[nginx命令]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/103112630</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/103112630</guid><author>qq_40652539</author><pubDate>Sun, 17 Nov 2019 20:18:48 +0800</pubDate><description><![CDATA[nginx正向代理和反向代理的详解请参照：https://blog.51.cto.com/loglei/2154851
nginx相关命令：
start nginx启动
nginx -s stopfast shutdown
nginx -s quitgraceful shutdown
nginx -s reloadchanging configuration,starting new  worke...]]></description><category></category></item><item><title><![CDATA[vue项目打包后跨域]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/103111775</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/103111775</guid><author>qq_40652539</author><pubDate>Sun, 17 Nov 2019 20:08:51 +0800</pubDate><description><![CDATA[关于vue的跨域配置，有开发环境的跨域和生产环境的跨域，详见我的另一篇博客：https://blog.youkuaiyun.com/qq_40652539/article/details/102877458；
对于上篇文章的生产环境的跨域地址配置，是将所有接口的访问都指向同一个服务器，而对于前后端未完全分离的项目，如果有某个接口需要访问非当前项目的另一台服务器的话，就需要对这个接口单独进行处理了，针对这个问题...]]></description><category></category></item><item><title><![CDATA[vue发送form-data数据格式请求]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/102912133</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/102912133</guid><author>qq_40652539</author><pubDate>Tue, 05 Nov 2019 16:15:47 +0800</pubDate><description><![CDATA[在vue中调用就项目的已有接口时，发现一直报500的错误，经过network中的请求方式进行了对比，如下图：
旧项目的接口请求：

我的接口请求：

经过对比，发现旧项目中的请求数据格式为form-data格式，而vue中的请求数据格式为json格式，于是，我就在vue的axios请求时进行了配置，将它的请求数据格式改为form-data格式，具体如下：
设置headers请求头：
	...
	l...]]></description><category></category></item><item><title><![CDATA[vue项目的跨域配置]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/102877458</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/102877458</guid><author>qq_40652539</author><pubDate>Sat, 02 Nov 2019 23:49:08 +0800</pubDate><description><![CDATA[使用vuecli + webpack进行项目开发时，遇到了需要跨域访问的情况，这里简单记录一下前端的跨域配置，如下：
1、配置本地代理
修改config文件夹下的index.js文件中的dev下的proxyTable属性，如下：
	...
	dev: {
		// Paths
        assetsSubDirectory: 'static',
        assetsPublicPat...]]></description><category></category></item><item><title><![CDATA[vue中filter过滤器中的this指向]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/102743270</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/102743270</guid><author>qq_40652539</author><pubDate>Fri, 25 Oct 2019 15:14:42 +0800</pubDate><description><![CDATA[在项目中遇到一个情况，在对日期进行格式化时，定义了一个局部过滤器，但是在过滤器中使用this调用vue的方法时，报方法为undefined的错误，经过对this的打印输出，发现输出结果为undefined;
问题如下：
	&lt;template&gt;
		{{ '1558490001000' | formatDate }}
	&lt;/template&gt;
	&lt;script&gt;
...]]></description><category></category></item><item><title><![CDATA[vue中给对象新增属性，无法触发视图更新]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/102728881</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/102728881</guid><author>qq_40652539</author><pubDate>Thu, 24 Oct 2019 18:19:13 +0800</pubDate><description><![CDATA[在开发时碰到一种情况：在vue的data里声明一个对象，如：dataObj: {}，然后动态给对象新增一个属性，但是视图层无法更新
解决方法：
动态给	dataObj新增属性时：
错误的方法：this.dataObj.name='haha',这样直接新增属性时不能被vue所监听;
正确的方法：this.$set(this.dataObj, 'name', 'haha'),这样就能被vue监听到，从...]]></description><category></category></item><item><title><![CDATA[关于vue多个项目的管理]]></title><link>https://blog.youkuaiyun.com/qq_40652539/article/details/102506149</link><guid>https://blog.youkuaiyun.com/qq_40652539/article/details/102506149</guid><author>qq_40652539</author><pubDate>Fri, 11 Oct 2019 19:15:56 +0800</pubDate><description><![CDATA[环境：
vueCli + webpack
应用场景：
一套代码需要支持10几家客户，每家的皮肤，功能都有一些小的差异，主体流程大致是一样的。
思路：
在一个vue的服务中管理多个项目，各项目的功能模块相对独立，但公共部分可以提取为公共组件，并在多个项目之间进行调用
实现方法：
一、项目结构：
在src文件夹下创建各项目的文件夹，并在项目文件夹中创建assets、components、router、...]]></description><category></category></item></channel></rss>