<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[LFxiaosu的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/LFxiaosu</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; LFxiaosu]]></copyright><item><title><![CDATA[axios终止请求]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/144666149</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/144666149</guid><author>LFxiaosu</author><pubDate>Mon, 23 Dec 2024 14:49:17 +0800</pubDate><description><![CDATA[终止axios请求]]></description><category></category></item><item><title><![CDATA[vue项目中使用Echart及屏幕大小变化动态修改canvas大小]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/139963164</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/139963164</guid><author>LFxiaosu</author><pubDate>Tue, 25 Jun 2024 17:40:09 +0800</pubDate><description><![CDATA[vue项目中使用Echart及屏幕大小变化动态修改canvas大小。
Cannot read properties of undefined (reading 'type')
TypeError: Cannot read properties of undefined (reading 'type')]]></description><category></category></item><item><title><![CDATA[关于js同步、异步、执行顺序及Promise。]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/139687502</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/139687502</guid><author>LFxiaosu</author><pubDate>Fri, 14 Jun 2024 20:34:44 +0800</pubDate><description><![CDATA[js 同步 、异步、事件循环机制 Promise]]></description><category></category></item><item><title><![CDATA[uni-app请求封装]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/139607397</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/139607397</guid><author>LFxiaosu</author><pubDate>Tue, 11 Jun 2024 20:06:44 +0800</pubDate><description><![CDATA[uniapp请求接口封装]]></description><category></category></item><item><title><![CDATA[vue3前端实现下载xlsx]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/139438937</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/139438937</guid><author>LFxiaosu</author><pubDate>Tue, 04 Jun 2024 13:40:38 +0800</pubDate><description><![CDATA[vue3 前端下载 xlsx]]></description><category></category></item><item><title><![CDATA[响应拦截器处理token 过期的小技巧]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/138487753</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/138487753</guid><author>LFxiaosu</author><pubDate>Mon, 06 May 2024 11:15:09 +0800</pubDate><description><![CDATA[token过期处理小技巧]]></description><category></category></item><item><title><![CDATA[vue3配置测试环境、开发环境、生产环境]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/138306026</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/138306026</guid><author>LFxiaosu</author><pubDate>Mon, 29 Apr 2024 11:23:25 +0800</pubDate><description><![CDATA[vue3 开发环境、测试环境、生产环境配置 (webpack及vite配置注意)]]></description><category></category></item><item><title><![CDATA[vue中scss全局引入变量]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/137152571</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/137152571</guid><author>LFxiaosu</author><pubDate>Fri, 29 Mar 2024 17:57:18 +0800</pubDate><description><![CDATA[css中公共的东西到处写，迭代替换的时候太酸爽了，所以，封装公共变量。]]></description><category></category></item><item><title><![CDATA[vue canvas图片绘制，生成绘制之后的图片]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/136938776</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/136938776</guid><author>LFxiaosu</author><pubDate>Fri, 22 Mar 2024 14:35:00 +0800</pubDate><description><![CDATA[使用场景：

思路：
		1：获取图片的尺寸。
		2：再图片上覆盖一个canvas，canvas宽高等于图片的宽高。
		3：给canvas绑定鼠标按下事件（mousedown），获取鼠标按下的坐标位置；
		4：给canvas绑定鼠标移动事件（mousemove），记录鼠标移动的坐标；
		5：给canvas绑定鼠标松开事件（mouseup），得到鼠标绘制的终点坐标；

直接上代码
	 //  &lt;canvas
     //     ref="contentCanvasRef"
     //  ]]></description><category></category></item><item><title><![CDATA[vue3报* ./node_modules/vue-loader/dist/index.js You may need an additional loader to handle......]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/136451409</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/136451409</guid><author>LFxiaosu</author><pubDate>Mon, 04 Mar 2024 14:30:54 +0800</pubDate><description><![CDATA[网上解决办法五花八门 又是改webpage  又是需要配置，我碰到的问题是这么解决的。解决办法是lang后面引入完整的css编译器  要么就删掉lang=‘’；]]></description><category></category></item><item><title><![CDATA[如何动态监听浏览器窗口大小的变化？]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/136293872</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/136293872</guid><author>LFxiaosu</author><pubDate>Mon, 26 Feb 2024 10:47:19 +0800</pubDate><description><![CDATA[注意： 不用时需要移除，]]></description><category></category></item><item><title><![CDATA[vue3项目中动态antd中自带的icon]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/133814259</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/133814259</guid><author>LFxiaosu</author><pubDate>Fri, 13 Oct 2023 17:04:12 +0800</pubDate><description><![CDATA[因为antd的icon使用的时候大多是先引入想要使用的icon， 然后再以标签的形式再去使用。如果是动态的使用antd自带的icon，则需要全局引入，]]></description><category></category></item><item><title><![CDATA[vue之watch]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/126248914</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/126248914</guid><author>LFxiaosu</author><pubDate>Tue, 09 Aug 2022 15:45:30 +0800</pubDate><description><![CDATA[vue 之watch中的 deep、immediate 属性]]></description><category></category></item><item><title><![CDATA[vue3.x项目搭建及移动端响应式和vant -ui（new）]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/120777810</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/120777810</guid><author>LFxiaosu</author><pubDate>Fri, 15 Oct 2021 11:08:21 +0800</pubDate><description><![CDATA[本篇是3.x从创建项目到处理移动端响应式及vant-ui安装配置的记录；
1：移除掉2.x的vue-cli;并全局安装新的脚手架
   &lt;1&gt;:  win+R输入cmd进入命令符界面(小黑窗);
   			输入指令npm uninstall -g vue-cli; 移除旧版本；执行完毕之后；
   			输入cnpm install -g @vue/cli;从新下载；
   			完成之后输入vue -V 查看版本；（我的是@vue/cli 4.5.14版本）
   	&lt;2&gt;: 创]]></description><category></category></item><item><title><![CDATA[react 报 Uncaught Error: Objects are not valid as a React child (found: object with keys {})]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/117110945</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/117110945</guid><author>LFxiaosu</author><pubDate>Fri, 21 May 2021 10:31:00 +0800</pubDate><description><![CDATA[react 报
Uncaught Error: Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead.in…
今天碰到了一个react报这个错误的；查找了一下 原来是因为在render的时候  没有点上对象的key名字，
比如：` &lt;div className="y-axias"&]]></description><category></category></item><item><title><![CDATA[react 报 Objects are not valid as a React child (found: object with keys {}). If you meant to render.]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/115550070</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/115550070</guid><author>LFxiaosu</author><pubDate>Fri, 09 Apr 2021 16:19:06 +0800</pubDate><description><![CDATA[使用react 报 Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead…
	*前段时间使用react;莫名其妙的报 Objects are not valid as a React child (found: object with keys {}). If you meant to ]]></description><category></category></item><item><title><![CDATA[react 优化的问题之PureComponent的使用]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/115181626</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/115181626</guid><author>LFxiaosu</author><pubDate>Wed, 24 Mar 2021 17:33:44 +0800</pubDate><description><![CDATA[react 优化的问题之PureComponent的使用！
废话不多说，直接进入正题
PureComponent是什么？它是干啥的？用它的好处是啥？怎么用？
带着这个问题往下看
	1：先看父子组件

//这是父组件代码
import React,{ Component } from 'react'
import ChildBtn from "../btn/index"
class Home extends Component{
    constructor(props){
        super(pr]]></description><category></category></item><item><title><![CDATA[Vue3.x的安装与vue 3.x 中element的使用！]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/113392706</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/113392706</guid><author>LFxiaosu</author><pubDate>Fri, 29 Jan 2021 16:27:48 +0800</pubDate><description><![CDATA[Vue3.x的安装与vue 3.x 中element的使用！
vue3.x出来之后，就没使用过vue了，应公司要求，使用vue3，进行项目的开发，记录一下…
因为之前用过vue.js做过项目，所以全局有vue2.x的脚手架！
 问题&lt;1&gt;：照着vue3官网上直接下载更新vue-cli， 完事了vue -V还是2.9.6；不成功！
 				解决：npm uninstall -g vue-cli  或者 yarn global remove @vue/cli ；
 			卸载之后再次下载npm i]]></description><category></category></item><item><title><![CDATA[react 项目使用echarts，安装以及使用]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/112617719</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/112617719</guid><author>LFxiaosu</author><pubDate>Thu, 14 Jan 2021 17:10:54 +0800</pubDate><description><![CDATA[废话不多说，公司项目要求，要画一个折线形的统计图！以前没用过，现在特此记录下！！！

1：安装
安装命令：yarn add  echarts echarts-for-react 或者npm install --save echarts echarts-for-react 	
echarts比较大，下载可能得费点时间！！！
2：引用

	//由于echarts包不小，为了不为打包的时候添麻烦！所以我是按需引入的！
	import * as echarts from 'echarts';//引入主模块
	/**]]></description><category></category></item><item><title><![CDATA[docker的安装及卸载不干净造成的问题]]></title><link>https://blog.youkuaiyun.com/LFxiaosu/article/details/112214780</link><guid>https://blog.youkuaiyun.com/LFxiaosu/article/details/112214780</guid><author>LFxiaosu</author><pubDate>Tue, 05 Jan 2021 10:34:12 +0800</pubDate><description><![CDATA[docker的安装
1. docker的安装及遇到的问题

安装
&lt;1&gt;:打开https://docs.docker.com/， 先注册个账号，注册好后登录上去，
&lt;2&gt;:点击
&lt;3&gt;: 点击进入后选择自己对应的系统！
问题
&lt;1&gt;: 下载完成后
点击之后报Installation failed  未将对象引用设置倒对象的实例…

原因是 我之前装过  卸载了 卸载的时候没卸载干净，后来到 控制面板=&gt;程序=&gt;程序和功能中卸载的Docker Des]]></description><category></category></item></channel></rss>