<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[mcYang0929的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/mcYang0929</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; mcYang0929]]></copyright><item><title><![CDATA[Vue3 Element Plus 版本升级问题记录]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/151212830</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/151212830</guid><author>mcYang0929</author><pubDate>Fri, 05 Sep 2025 09:59:30 +0800</pubDate><description><![CDATA[摘要：项目升级ElementPlus至2.10.5+版本时，需同步将Sass升级至1.79.0+，但运行后出现Sass弃用警告。经排查发现Vite版本需≥5.4才能支持modern API。最终通过升级Vite至5.4.11成功消除警告。关键升级版本：ElementPlus 2.10.5+、Sass 1.79.0+、Vite 5.4.11。（135字）]]></description><category></category></item><item><title><![CDATA[走近 Flex 布局]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/120510099</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/120510099</guid><author>mcYang0929</author><pubDate>Tue, 28 Sep 2021 16:43:23 +0800</pubDate><description><![CDATA[一、Flex 布局是什么？

Flex 布局也就是弹性布局，可以使盒模型大大增加灵活性。

任意容器都可以设置为 Flex 布局


.box{
    display: flex;
    display: --webkit-flex    /*Webkit 内核的浏览器，必须加上-webkit前缀。*/
}

注意：容器设置为 Flex 布局之后，子元素的float、clear和vertical-align属性将失效。

二、容器的属性

以下6个属性设置在容器上。


flex-direction
	]]></description><category></category></item><item><title><![CDATA[Create React APP 使用绝对路径引入]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/120484720</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/120484720</guid><author>mcYang0929</author><pubDate>Sun, 26 Sep 2021 11:28:23 +0800</pubDate><description><![CDATA[在 React 项目中，当页面层级变多时，使用相对路径会使引入文件变得相当麻烦。

比如会遇到这种情况： ../../../../store/xxx.js

所以我在项目中因为此原因要设置绝对路径。

同时绝对路径还有其他好处

代码清晰、简洁
	由于是绝对路径，可以直接复制代码到其他层级使用，相对路径则要切换引用路径
	移动文件到其他地方，省去更新路径的步骤。（移动路径 VS code 可以直接帮你修改引用，但其他 IDE 可能就不行了）
我是用的编码工具是 VS Code，具体实现如下。

在项目的根目]]></description><category></category></item><item><title><![CDATA[npm 依赖包操作命令]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/120451734</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/120451734</guid><author>mcYang0929</author><pubDate>Fri, 24 Sep 2021 14:21:29 +0800</pubDate><description><![CDATA[一、npm 安装

dependencies安装：npm install &lt;packageName&gt;--save
	简写：npm i &lt;packageName&gt; -S
	devDependencies 安装：npm install &lt;packageName&gt;--save-dev
	简写：npm i &lt;packageName&gt; -D
	全局安装：npm install &lt;packageName&gt; -g
常用的安装就是上面两种，但是 --save...]]></description><category></category></item><item><title><![CDATA[JS 实现一键复制功能]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/120435350</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/120435350</guid><author>mcYang0929</author><pubDate>Thu, 23 Sep 2021 18:10:23 +0800</pubDate><description><![CDATA[需求背景：

最近产品举办拉新活动，老用户可通过自己的分享链接向新用户分享自己的邀请码，新用户进入APP完成填写邀请码，官方给新老用户奖励。为方便用户快速复制邀请码，故有此需求。

技术实现：

一、Document.execCommand() 方法

HTML


&lt;div id="codeBox"&gt;xxxxxx&lt;/div&gt;
&lt;div id="btn" class="btn"&gt;点击复制邀请码&lt;/div&gt;

JS


$(".btn").on('click'.]]></description><category></category></item><item><title><![CDATA[JavaScript正则表达式]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/85604751</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/85604751</guid><author>mcYang0929</author><pubDate>Thu, 09 Jan 2020 11:10:08 +0800</pubDate><description><![CDATA[声明正则表达式

字面量方法


var reg = /\bis\b/g;

构造函数方法


var reg = new RegExp('\\bis\\b','g')

修饰符

g：global 全局搜索；不添加的话，搜索到第一个匹配的就停止

i：ignore case 忽略大小写，默认大小写敏感

m：multiple line 多行搜索


...]]></description><category></category></item><item><title><![CDATA[利用PhotoSwipe进行完成图片预览功能]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/103166901</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/103166901</guid><author>mcYang0929</author><pubDate>Wed, 20 Nov 2019 17:30:38 +0800</pubDate><description><![CDATA[在类似于朋友圈动态中，时常会配有图片，但是图片常常不能展示完全，所以需要放大来浏览图片。

今天利用PhotoSwipe进行图片预览的功能；

首先放出PhotoSwipe的github地址：PhotoSwipe

下面是我在项目中的使用：

1.首先需要引用


&lt;link rel="stylesheet" type="text/css" href="../js/common/photoS...]]></description><category></category></item><item><title><![CDATA[微信自定义分享]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/102743744</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/102743744</guid><author>mcYang0929</author><pubDate>Fri, 25 Oct 2019 16:29:39 +0800</pubDate><description><![CDATA[在微信打开web页面时，想分享给好友或者朋友圈，如何进行分享时的title、Icon的自定义？

第一步：绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

备注：登录后可在“开发者中心”查看对应的接口权限。

第二步：引入js文件

在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/j...]]></description><category></category></item><item><title><![CDATA[Foo.getName()的二三事]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/91533343</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/91533343</guid><author>mcYang0929</author><pubDate>Wed, 12 Jun 2019 15:21:27 +0800</pubDate><description><![CDATA[最近偶然间翻起来一道js题，比较经典，鉴于自己有些遗忘，特此记录一下。

题目如下：


 function Foo() {
	getName = function () { 
		console.log (1); 
	};
	console.log('this is'+this)
    return this;
}
Foo.getName = function () { 
	console.l...]]></description><category></category></item><item><title><![CDATA[Windows 下nginx相关命令]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/90666299</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/90666299</guid><author>mcYang0929</author><pubDate>Wed, 29 May 2019 10:31:10 +0800</pubDate><description><![CDATA[1、启动：

C:\server\nginx-1.0.2&gt;start nginx

或

C:\server\nginx-1.0.2&gt;nginx.exe

最好使用第一种，第二种会使你的cmd窗口一直处于执行中，Ctrl + C也不能终止，就算关闭cmd窗口，查看进程管理器也能看到之前还在运行并未随着cmd窗口关闭而结束进程。

如果使用了第二种方法，关闭nginx进程方法就是，重新打...]]></description><category></category></item><item><title><![CDATA[ios 微信移动端web页面input弹出键盘导致页面错乱]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/90237025</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/90237025</guid><author>mcYang0929</author><pubDate>Wed, 15 May 2019 15:18:47 +0800</pubDate><description><![CDATA[最近发现，ios移动端Web页面在微信中，input输入框使键盘弹出和收起，导致页面上的位置错乱

问题复现：

我在页面中有一个position:fixed弹层，弹层上面有输入框，当点击输入框的时候，弹出来微信键盘，在输入完毕后，输入框失去焦点，发现页面并没有恢复到底部，这时点击页面上的按钮会错位，导致position为fixed内部的按钮无法点击了。

解决办法：

1.当出现上述问题时，发现...]]></description><category></category></item><item><title><![CDATA[React 内存泄露问题]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/89317033</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/89317033</guid><author>mcYang0929</author><pubDate>Mon, 15 Apr 2019 17:56:07 +0800</pubDate><description><![CDATA[1.这是报错的消息：

Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks i...]]></description><category></category></item><item><title><![CDATA[React路由的history对象的插件history的使用介绍]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/89315117</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/89315117</guid><author>mcYang0929</author><pubDate>Mon, 15 Apr 2019 17:06:33 +0800</pubDate><description><![CDATA[在react-router中组件里面的跳转可以用&lt;Link&gt;

但是在组件外面改如何跳转，需要用到react路由的history

1.首先是history的安装：


npm install history --save

2.我创建了一个JS文件，方便各个文件引用


history.js

import { createBrowserHistory } from 'history...]]></description><category></category></item><item><title><![CDATA[React 内容发布线上遇到的问题]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/88634273</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/88634273</guid><author>mcYang0929</author><pubDate>Mon, 18 Mar 2019 11:23:27 +0800</pubDate><description><![CDATA[最近做了一个PC项目，正好视频学习完React一些相关内容，所以这个PC项目就选用React进行编写。

这个项目用的相关技术

1.react-router 的 BrowserRouter 进行路由编写

2.react-redux 进行状态管理

3.styled-components 进行样式书写

其中在项目开发到上线的过程中遇到了一些问题，特此记录一下。

1.项目打包上线的时候，把打包...]]></description><category></category></item><item><title><![CDATA[Windows控制台常用命令]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/87807213</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/87807213</guid><author>mcYang0929</author><pubDate>Wed, 20 Feb 2019 17:06:11 +0800</pubDate><description><![CDATA[创建文件夹：md 文件夹名

创建空的文件：type nul&amp;gt;文件名

创建有内容文件：echo &quot;内容&quot;&amp;gt;文件名

查看文件内容：type +文件名

查看目录及子文件：dir

删除空文件夹：rd 文件夹名

删除文件及所有子文件：rd /s/q 文件夹名

删除文件：del 文件名...]]></description><category></category></item><item><title><![CDATA[iscroll区域滚动]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/84238040</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/84238040</guid><author>mcYang0929</author><pubDate>Mon, 19 Nov 2018 14:18:33 +0800</pubDate><description><![CDATA[最近需要做一个给用户投票的页面，投票结果可以查看点击，展示形式是以一种弹窗的形式，但是由于选手数量较多，所以选手结果需要区域滑动来展示。

由于是活动页面，页面形式较简单，所以用jq + webpack + es6进行编写此项目

区域滑动相关内容则用iscroll插件

HTML


&amp;lt;div id=&quot;wrapper&quot;&amp;gt;
	&amp;lt;ul id=&quot;scroller&quot; class=&quot;vo...]]></description><category></category></item><item><title><![CDATA[用sort方法根据数组中某个对象属性进行排序]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/83312959</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/83312959</guid><author>mcYang0929</author><pubDate>Tue, 23 Oct 2018 19:28:58 +0800</pubDate><description><![CDATA[我在做一个投票系统的时候，后端给我返回一个数组List，立面包含选手所得票数，但没有排序，我需要根据每个选手的票数进行排序，数据如下：count属性为我们需要排序的数据。


var memberData = [
	{
		name: '选手1',
		audio_source:'img/cbg.mp3',
		num: '01',
		count: 3
	},
	{
		name: '选手2',...]]></description><category></category></item><item><title><![CDATA[for in 循环获取json数据中'key'与'value']]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/83312548</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/83312548</guid><author>mcYang0929</author><pubDate>Tue, 23 Oct 2018 19:02:07 +0800</pubDate><description><![CDATA[ 一、for in 方法

 a.for in 循环对象


var data = {name:'mcYang0929',age:'25',sex:'man'};

for(var key in data) {
	console.log(key);             //属性名（key）
    console.log(data[key]);       //属性值（value）
}

b....]]></description><category></category></item><item><title><![CDATA[VS Code：Easy less 路径配置修改]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/81703050</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/81703050</guid><author>mcYang0929</author><pubDate>Wed, 15 Aug 2018 14:11:37 +0800</pubDate><description><![CDATA[在web开发当中，我经常会用写less然后编译成css，当然在VS Code当中也有这样的插件（EasyLess）；



但是当我们创建一个.less文件，写相关代码进行保存时，会发现它会在.less文件同目录生成对应名字的.css文件；

当页面过多时，就会到这目录文件过多而且看起来不清晰，所以我一般会把.less和.css分别放在不同目录；

类似于这样：



这样就需要我们配置一下les...]]></description><category></category></item><item><title><![CDATA[npm install:ChromeDriver installation failed Error with http(s) request: Error: read ETIMEDOUT]]></title><link>https://blog.youkuaiyun.com/mcYang0929/article/details/81020175</link><guid>https://blog.youkuaiyun.com/mcYang0929/article/details/81020175</guid><author>mcYang0929</author><pubDate>Thu, 12 Jul 2018 18:05:35 +0800</pubDate><description><![CDATA[今天在练习vue项目中，使用npm安装axios和vuex时一直出现error，看报错信息是npm install:ChromeDriver installation failed Error with http(s) request: Error: read ETIMEDOUT上网一查，需要安装   ChromeDriver解决办法：npm install chromedriver --chro...]]></description><category></category></item></channel></rss>