<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[lyna的博客]]></title><description><![CDATA[开发日志]]></description><link>https://blog.youkuaiyun.com/Julylyna</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Julylyna]]></copyright><item><title><![CDATA[ES6深拷贝方法]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/139117717</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/139117717</guid><author>Julylyna</author><pubDate>Wed, 22 May 2024 13:27:35 +0800</pubDate><description><![CDATA[【代码】ES6深拷贝方法。]]></description><category></category></item><item><title><![CDATA[vue3滚动条重置]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/137823985</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/137823985</guid><author>Julylyna</author><pubDate>Tue, 16 Apr 2024 14:30:42 +0800</pubDate><description><![CDATA[由于单页面应用的原理，使用vue搭建的项目在路由切换时并不会刷新整个页面。因此在有滚动条的页面会存在滚动条不能自动重置的问题。在最近的项目中就遇到了这种问题，因此记录一下。// 由于路由设置了0.3s过渡效果，所以此处设置了0.3s定时器。避免页面切换效果突兀。]]></description><category></category></item><item><title><![CDATA[更新node之后重新安装node_modules报错]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/135607606</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/135607606</guid><author>Julylyna</author><pubDate>Mon, 15 Jan 2024 17:59:11 +0800</pubDate><description><![CDATA[更新node版本之后一定要重新安装依赖。]]></description><category></category></item><item><title><![CDATA[js数字排序]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/133698281</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/133698281</guid><author>Julylyna</author><pubDate>Mon, 09 Oct 2023 11:49:27 +0800</pubDate><description><![CDATA[解题思路：数字=》字符串=》数组=》排序。]]></description><category></category></item><item><title><![CDATA[vue3 app.directive()防止用户多次连续点击按钮]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/130885726</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/130885726</guid><author>Julylyna</author><pubDate>Fri, 26 May 2023 14:11:59 +0800</pubDate><description><![CDATA[在项目中，需要对操作按钮加以限制，来防止用户多次连续点击。这就需要用到自定义指令directive。]]></description><category></category></item><item><title><![CDATA[vue3 二进制流导出excel乱码问题]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/130881535</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/130881535</guid><author>Julylyna</author><pubDate>Fri, 26 May 2023 10:43:41 +0800</pubDate><description><![CDATA[vue3二进制流转为excel乱码问题处理]]></description><category></category></item><item><title><![CDATA[vue3+vite接口跨域处理]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/130771188</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/130771188</guid><author>Julylyna</author><pubDate>Fri, 19 May 2023 18:02:15 +0800</pubDate><description><![CDATA[出于浏览器的同源策略限制，当一个请求url的协议（https）、域名（www.xxx.com）、端口（8080）三者之间任意一个与当前页面url不同即为跨域。在vue3项目中，前端可以通过配置proxy来实现。在前后端分离的项目中，经常会出现跨域的问题。]]></description><category></category></item><item><title><![CDATA[Vue3+vite环境变量配置]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/130686559</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/130686559</guid><author>Julylyna</author><pubDate>Tue, 16 May 2023 11:02:31 +0800</pubDate><description><![CDATA[定义：变量以 VITE_XXX进行定义。如果想自定义 env 变量的前缀，可以在vite.config.js里配置envPrefix。获取：import.meta.env.VITE_XXX和通常使用import.meta.env.VITE_XXX可以获取到环境变量，而vite.config.js除外。return {envPrefix: ['VITE', 'VUE'], // 环境变量前缀,默认只会暴露VITE开头变量，定义后可暴露VUE开头变量define: {},})]]></description><category></category></item><item><title><![CDATA[vue3+vite项目移动端适配：postcss-pxtorem和amfe-flexible]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/129498394</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/129498394</guid><author>Julylyna</author><pubDate>Mon, 13 Mar 2023 17:49:41 +0800</pubDate><description><![CDATA[vue3+vite项目移动端适配：postcss-pxtorem和amfe-flexible]]></description><category></category></item><item><title><![CDATA[正则匹配方法：match()和test()]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/128854097</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/128854097</guid><author>Julylyna</author><pubDate>Thu, 02 Feb 2023 17:24:31 +0800</pubDate><description><![CDATA[正则表达式]]></description><category></category></item><item><title><![CDATA[element-plus：Upload多图上传预览]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/128544373</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/128544373</guid><author>Julylyna</author><pubDate>Wed, 04 Jan 2023 11:52:41 +0800</pubDate><description><![CDATA[Elemen-plus Upload组件]]></description><category></category></item><item><title><![CDATA[element-plus：Upload单文件上传]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/128536193</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/128536193</guid><author>Julylyna</author><pubDate>Tue, 03 Jan 2023 17:19:56 +0800</pubDate><description><![CDATA[element-plus：Upload上传文件]]></description><category></category></item><item><title><![CDATA[element-plus：清空select选择器]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/128128171</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/128128171</guid><author>Julylyna</author><pubDate>Thu, 01 Dec 2022 13:33:52 +0800</pubDate><description><![CDATA[element-plus：清空select选择器]]></description><category></category></item><item><title><![CDATA[g2plot饼状图label显示不全]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/124340077</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/124340077</guid><author>Julylyna</author><pubDate>Fri, 22 Apr 2022 10:47:33 +0800</pubDate><description><![CDATA[new Pie(el.value, {
	            	appendPadding: 10,
	                data,
	                width:600,
	                height:400,
	                angleField: "value",
	                colorField: "type",
	                color: ['#FF7420'...]]></description><category></category></item><item><title><![CDATA[ES6：字符串的新增方法]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/124274617</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/124274617</guid><author>Julylyna</author><pubDate>Tue, 19 Apr 2022 15:15:21 +0800</pubDate><description><![CDATA[String.fromCodePoint()
	String.raw()
	实例方法：codePointAt()
	实例方法：normalize()
	实例方法：includes(), startsWith(), endsWith()
	实例方法：repeat()
	实例方法：padStart()，padEnd()
	实例方法：trimStart()，trimEnd()
	实例方法：matchAll()
	实例方法：replaceAll()
	实例方法：at()
...]]></description><category></category></item><item><title><![CDATA[Vue3+ElementPlus设置菜单选中]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/124247785</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/124247785</guid><author>Julylyna</author><pubDate>Mon, 18 Apr 2022 13:50:37 +0800</pubDate><description><![CDATA[做后台系统开发时，跳转路由需要保持父页面选中的状态，这时只需配置一个参数即可。

第一步：配置路由


            {
                path: "list",
                name: "DataList",
                meta: { title: "数据列表" },
                children: [
	                {
	                    path: '',
	      ]]></description><category></category></item><item><title><![CDATA[url、base64、blob，三者之间的转化]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/123504165</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/123504165</guid><author>Julylyna</author><pubDate>Tue, 15 Mar 2022 15:41:55 +0800</pubDate><description><![CDATA[1. url 转 base64


const urlToBase64 = (url) =&gt; {
	return new Promise((resolve, reject) =&gt; {
		let image = new Image();
		image.onload = function() {
			let canvas = document.createElement('canvas');
			canvas.width = this.naturalWidth;
			canvas.heig]]></description><category></category></item><item><title><![CDATA[vue：el-select同时获取多个值]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/123385038</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/123385038</guid><author>Julylyna</author><pubDate>Wed, 09 Mar 2022 19:26:10 +0800</pubDate><description><![CDATA[el-select获取的是value的值。如果想同时获取多个值，可以试试如下方法：


					&lt;el-form-item label="所属角色" prop="roleName"&gt;
		              	&lt;el-select v-model="temp.roleName" placeholder="角色" @change="handleRoleChange"&gt;
		              		&lt;el-option v-for="item in roleLis]]></description><category></category></item><item><title><![CDATA[element-plus：遍历el-radio及选中默认]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/123376669</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/123376669</guid><author>Julylyna</author><pubDate>Wed, 09 Mar 2022 14:43:01 +0800</pubDate><description><![CDATA[&lt;template&gt;
    &lt;el-form-item label="学生性别" prop=""&gt;
        &lt;el-radio-group v-model="sex" @change="onSexChange"&gt;
      	    &lt;el-radio :label="item.label" :key="item.id" v-for="item in sexOptions"&gt;                
                {{i.]]></description><category></category></item><item><title><![CDATA[VUE3 跳转传参及接收参数的方式]]></title><link>https://blog.youkuaiyun.com/Julylyna/article/details/123248630</link><guid>https://blog.youkuaiyun.com/Julylyna/article/details/123248630</guid><author>Julylyna</author><pubDate>Thu, 03 Mar 2022 11:02:20 +0800</pubDate><description><![CDATA[1.通过query传参：


            // 传参   			
            const handleJump = (id) =&gt; {
				router.push({
					path: '/xxx',  //router里的路由配置
					query: {
						id: id
					}
				})
			}
 
            // 参数接收
			onMounted(() =&gt; {
				console.log("获取到的参数", pr]]></description><category></category></item></channel></rss>