<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[lyyo_cd的博客]]></title><description><![CDATA[滴水汇江河。]]></description><link>https://blog.youkuaiyun.com/lyyo_cd</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; lyyo_cd]]></copyright><item><title><![CDATA[JS-删除或替换字符串中特定字符]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/132690916</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/132690916</guid><author>lyyo_cd</author><pubDate>Tue, 05 Sep 2023 14:16:10 +0800</pubDate><description><![CDATA[str.split('-').join('/')  => '2020/09/08'  // -截取，/拼接。str.replace(/c/g, '') => 'abdd' //全局删除字符（第二个参数为空）str.replace(/c/g, '嗨') => 'ab嗨嗨dd' //全局替换字符。str.replace(‘c’, '9') => 'ab9cdd' //替换第一个字符。]]></description><category></category></item><item><title><![CDATA[解决页面添加锚点后跳转改变URL问题]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/123325462</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/123325462</guid><author>lyyo_cd</author><pubDate>Mon, 07 Mar 2022 11:01:44 +0800</pubDate><description><![CDATA[　　直接奔主题，前端简单地锚点实现，把 a 标签的 href 写成想要跳到的元素的id ，比如点击 &lt;a href="#box"&gt;&lt;/a&gt; 页面就会自动滚动到 &lt;div id="box"&gt;&lt;/div&gt; 元素的位置。

　　那么这样使用会产生一个现象，那就是 url 会被改变，浏览器默认的行为会将 id 放在 url 后面。比如：http://www.xxx.com#box

　　此时返回上一页可能不是我们想要的路由，当页面刷新也会出席那问题

　 解决的方..]]></description><category></category></item><item><title><![CDATA[vue-awesome-swiper动态获取数据轮播失效]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/121648762</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/121648762</guid><author>lyyo_cd</author><pubDate>Wed, 01 Dec 2021 09:57:36 +0800</pubDate><description><![CDATA[在vue项目中用vue-awesome-swiper这个插件，我轮播图片一般通过后端获取，循环展示，但会出现循环轮播失效的问题。

设置了初始化属性依然无效：





原因是循环还没有完的时候swiper组件运行冲突出错导致的，在swiper组件上对数据价格v-if就可以解决。代码如下：






...]]></description><category></category></item><item><title><![CDATA[vue路由传参不能直接传对象问题]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/121636077</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/121636077</guid><author>lyyo_cd</author><pubDate>Tue, 30 Nov 2021 16:24:54 +0800</pubDate><description><![CDATA[直接传对象格式不对，需要转换成json格式传：

用JSON.stringify(）转成json格式，传过去之后用JSON.parse()还原成对象即可

需要传参的页面代码：



接收到参数后的页面代码（在vue的data（）中注册）




...]]></description><category></category></item><item><title><![CDATA[使用vue-awesome-swiper4.1.1不能自动轮播，配置无效]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/121533401</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/121533401</guid><author>lyyo_cd</author><pubDate>Thu, 25 Nov 2021 11:14:34 +0800</pubDate><description><![CDATA[按照官网步骤安装引入使用





配置autoplay: true,后发现配置无效，查了无数文档后，终于发现是swiper版本问题

swiper版本从7.x降到了5.x：





配置写法：








]]></description><category></category></item><item><title><![CDATA[cnpm : 无法加载文件解决]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/120831818</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/120831818</guid><author>lyyo_cd</author><pubDate>Mon, 18 Oct 2021 18:32:07 +0800</pubDate><description><![CDATA[cnpm报错 : 无法加载文件 D:\tools\node\node_global\cnpm.ps1。，因为在此系统上禁止运行脚本。


解决：

在win10 系统中搜索框 输入 Windos PowerShell
选择 管理员身份运行


执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的
执行：set-ExecutionPolicy RemoteSigned

更改权限为：A

这时再执行 get-ExecutionPolicy ，就显示RemoteSigned
]]></description><category></category></item><item><title><![CDATA[js快捷抽取数组对象中某一属性值的集合]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/120483892</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/120483892</guid><author>lyyo_cd</author><pubDate>Sun, 26 Sep 2021 10:49:21 +0800</pubDate><description><![CDATA[一、Array.from方法

array.from方法就是将一个类数组对象（具有length属性的对象）或者可遍历的对象转换成真正的数组


var user = [
     {
         id: 1,
         name: "李四"
     },
     {
         id: 2,
         name: "张三"
     },
     {
         id: 3,
         name: "李五"
     }
 ]
var userName = A]]></description><category></category></item><item><title><![CDATA[前端面试题总结之JS]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/119824889</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/119824889</guid><author>lyyo_cd</author><pubDate>Fri, 20 Aug 2021 15:56:42 +0800</pubDate><description><![CDATA[说说对闭包的理解
	使用过的数组和对象的内置方法
	ES6用过哪些特性
	ajax中断请求方法
	说一下this的指向
	$set（）方法
	对作用域问题的理解
	浏览器静态资源缓存机制
	js事件循环机制
想起来再更新


...]]></description><category></category></item><item><title><![CDATA[前端面试题总结之vue]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/119823980</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/119823980</guid><author>lyyo_cd</author><pubDate>Fri, 20 Aug 2021 15:30:37 +0800</pubDate><description><![CDATA[注：只是记录我面试时被问到的一些问题，以及本人的简单理解，并不是完全标准答案，也不保证可以作为任何面试参考，如有不准确欢迎指正~

说说对vue生命周期的理解
	父子组件在生命周期里的执行顺序
	自定义组件
	怎么进行组件封装
	全局过滤器
	vue双向绑定
	路由传参
	keep-alive缓存
	组件间传值


不定时添加更新内容~
...]]></description><category></category></item><item><title><![CDATA[var与let，const的区别（作用域、变量提升）]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/119703884</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/119703884</guid><author>lyyo_cd</author><pubDate>Sat, 14 Aug 2021 17:35:01 +0800</pubDate><description><![CDATA[什么是变量提升？
JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。
JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。


一）var声明变量存在变量提升，let和const不存在变量提升


console.log(a); // undefined  ===&gt;  a已声明还没赋值，默认得到undefined值
var a = 100;
console.log(b); // 报错：b is not defined  ===&gt; 找不到b这个变量
le.]]></description><category></category></item><item><title><![CDATA[vue--两行代码实现全选功能]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/119321858</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/119321858</guid><author>lyyo_cd</author><pubDate>Mon, 02 Aug 2021 11:43:18 +0800</pubDate><description><![CDATA[数据：





方法：

changeAll(){  // 全选change事件

    // 所有选项状态与全选状态一致

    this.items.forEach( item=&gt;item.check = this.checkAll)

}

changeCur(){ // 单个选项change事件

    // 所有选项选中，全选选中，只要有一个不选中，全选不选中

    this.checkAll = this.items.every( ...]]></description><category></category></item><item><title><![CDATA[前端面试题JS--求出大于30的数据并去重处理]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/119280243</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/119280243</guid><author>lyyo_cd</author><pubDate>Sat, 31 Jul 2021 19:30:31 +0800</pubDate><description><![CDATA[题目：求出大于30的数据并且去重处理

var arr = [12,35,21,30,45,45,45,32,32,32,24,24,24,29,29,10,11,11,36,36,56,38,38]

步骤：

1、大于30

var arr2 = arr.filter(item=&gt;item&gt;30)  // 大于30

2、去重

var arr3 = arr2.new Set( arr2 )  // 大于30 去重后{ }

3、将去重后{ }转化为[ ]

Array.fro...]]></description><category></category></item><item><title><![CDATA[解决使用vue-cli3创建项目时在git下交互提示符没反应问题]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/108279434</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/108279434</guid><author>lyyo_cd</author><pubDate>Fri, 28 Aug 2020 14:46:10 +0800</pubDate><description><![CDATA[vue-cli3下我们使用vue create命令来快速创建项目，在window下会遇到交互提示符不工作的问题，如图所示：


vue-cli官网给出了两种解决方法：


下面对它们具体实践一下：

方法一：

第一种比较简单，就是将vue create命令改为winpty vue.cmd create命令，如下图所示：



方法二：

第二种方法是在~/.bashrc文件中添加以下行来为命令添加别名后执行vue create命令：

首先.bashrc这个文件存在于C盘&gt;&gt;用户&gt;&..]]></description><category></category></item><item><title><![CDATA[vue init webpack执行脚本报错]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/102507744</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/102507744</guid><author>lyyo_cd</author><pubDate>Fri, 11 Oct 2019 18:27:32 +0800</pubDate><description><![CDATA[【操作：】node -v v10.15.3；npm -v v6.12.0.；均已达到升级后版本，初始化vue-cli项目，安装cli，vue init webpack xx；

【报错：】vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有
关详细信息，请参阅 https:/go.mi...]]></description><category></category></item><item><title><![CDATA[img标签的src为空时，显示默认边框处理方法]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/97137761</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/97137761</guid><author>lyyo_cd</author><pubDate>Wed, 24 Jul 2019 16:38:19 +0800</pubDate><description><![CDATA[不说废话，在查阅n多资料，踩过无数坑后，解决img的src为空的时候，会有恶心的默认边框（目前只在移动端测试）



处理：


]]></description><category></category></item><item><title><![CDATA[H5页面苹果手机点击输入框输入内容时 页面自动放大]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/90043722</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/90043722</guid><author>lyyo_cd</author><pubDate>Thu, 09 May 2019 17:27:36 +0800</pubDate><description><![CDATA[问题：

H5页面，苹果手机点击input搜索框，输入内容时，页面会自动放大。

解决：

&lt;meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"&gt;

user-scalable=no：禁止页面手动缩放
...]]></description><category></category></item><item><title><![CDATA[vue里a标签值解析变量，跳转页面，前面加默认域名端口的问题]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/89216928</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/89216928</guid><author>lyyo_cd</author><pubDate>Thu, 11 Apr 2019 18:26:18 +0800</pubDate><description><![CDATA[let name = 'www.baidu.com/'

&lt;a :href="name"&gt;

点击跳转到：localhost:8080/www.baidu.com/

解决：写成&lt;a :href="'https//:'+name"&gt;


]]></description><category></category></item><item><title><![CDATA[vue花括号里使用三元运算符(多条判断)]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/89151558</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/89151558</guid><author>lyyo_cd</author><pubDate>Tue, 09 Apr 2019 15:46:35 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[vue根据接收data中某一个属性，动态添加不同的style样式]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/88738101</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/88738101</guid><author>lyyo_cd</author><pubDate>Fri, 22 Mar 2019 12:46:22 +0800</pubDate><description><![CDATA[1.style动态赋值，利用三元表达式：



效果：


]]></description><category></category></item><item><title><![CDATA[（vue）解决input[type='file']上传相同附件只传一次问题]]></title><link>https://blog.youkuaiyun.com/lyyo_cd/article/details/88690786</link><guid>https://blog.youkuaiyun.com/lyyo_cd/article/details/88690786</guid><author>lyyo_cd</author><pubDate>Wed, 20 Mar 2019 15:48:57 +0800</pubDate><description><![CDATA[js解决方法：

HTML：&lt;input id="file" type="file" onchange="upload()" /&gt;

JS：document.getElementById('file').value = null;

VUE逻辑：

&lt;inputref="referenceUpload"@change="referenceUpload"type="file"...]]></description><category></category></item></channel></rss>