<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[夏末、阳光依然耀眼...˜˜羽悠﹏ˇ⊙ˇ]]></title><description><![CDATA[专注div+css，专业web前端]]></description><link>https://blog.youkuaiyun.com/boyit0</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; boyit0]]></copyright><item><title><![CDATA[CSS3 点赞动画]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/135988839</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/135988839</guid><author>boyit0</author><pubDate>Fri, 02 Feb 2024 10:43:20 +0800</pubDate><description><![CDATA[&lt;!--结构--&gt;
&lt;div class="demo"&gt;
      &lt;i id="testImg" class="love"&gt;&lt;/i&gt;
      &lt;p&gt;&lt;input type="button" id="testBtn" value="暂停"&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;!--样式--&gt;
&lt;style type="text/css"&gt;
.love {
    display: bloc]]></description><category></category></item><item><title><![CDATA[解决el-tree数据回显时子节点部分选中父节点都全选中问题]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/134830026</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/134830026</guid><author>boyit0</author><pubDate>Wed, 06 Dec 2023 14:40:38 +0800</pubDate><description><![CDATA[针对el-tree容易出现的bug]]></description><category></category></item><item><title><![CDATA[jquery input[type=“file“拖拽上传/选择文件上传]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/130076249</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/130076249</guid><author>boyit0</author><pubDate>Tue, 28 Nov 2023 10:57:26 +0800</pubDate><description><![CDATA[jquery 拖拽上传upload]]></description><category></category></item><item><title><![CDATA[js实现深拷贝的几种方式]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/134513060</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/134513060</guid><author>boyit0</author><pubDate>Mon, 20 Nov 2023 16:55:54 +0800</pubDate><description><![CDATA[2、JSON.parse(JSON.stringify(obj)) 满足一般使用场景，缺点是无法实现对象中方法(function)的深拷贝。6、数组使用数组方法进行深拷贝（concat、slice）只有一级属性为深拷贝，二级属性后就是浅拷贝，如[1,2,3,[1,2,3]]4、Object.assign(obj1, obj2)实现深拷贝，只有一级属性为深拷贝，二级属性后就是浅拷贝。5、扩展运算符实现深拷贝，只有一级属性为深拷贝，二级属性后就是浅拷贝。3、jQuery的extend方法实现深拷贝。]]></description><category></category></item><item><title><![CDATA[Vue3 组件间通信的七种方式]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/134466517</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/134466517</guid><author>boyit0</author><pubDate>Fri, 17 Nov 2023 17:34:15 +0800</pubDate><description><![CDATA[Vue3 组件间通信的七种方式]]></description><category></category></item><item><title><![CDATA[js寻找字符串中出现最多的字符]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/134466279</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/134466279</guid><author>boyit0</author><pubDate>Fri, 17 Nov 2023 16:38:54 +0800</pubDate><description><![CDATA[通过以上四种不同的实现思路，我们可以得到字符串中出现次数最多的字符和出现的次数。根据实际需求和场景的不同，可以选择合适的方法来进行实现。]]></description><category></category></item><item><title><![CDATA[vue3 兄弟组件传参mitt 插件]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/133861507</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/133861507</guid><author>boyit0</author><pubDate>Mon, 16 Oct 2023 17:22:01 +0800</pubDate><description><![CDATA[【代码】vue3 兄弟组件传参mitt 插件。]]></description><category></category></item><item><title><![CDATA[uniapp 运用Promise实现多图片上传]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/132180878</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/132180878</guid><author>boyit0</author><pubDate>Wed, 09 Aug 2023 09:31:10 +0800</pubDate><description><![CDATA[uniapp 运用Promise实现多图片上传]]></description><category></category></item><item><title><![CDATA[html+css3 实现瀑布流布局效果]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/132168375</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/132168375</guid><author>boyit0</author><pubDate>Tue, 08 Aug 2023 15:47:49 +0800</pubDate><description><![CDATA[【代码】html+css3 实现瀑布流布局效果。]]></description><category></category></item><item><title><![CDATA[javascript更新 sessionStorage 对象的值]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/131653327</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/131653327</guid><author>boyit0</author><pubDate>Tue, 11 Jul 2023 09:50:42 +0800</pubDate><description><![CDATA[为了解决将数据存储在了sessionStorage中，但是当我修改数据时页面并没有及时更新，只有刷新页面后数据才会更新。2.在需要保存数据的地方进行调用：this.resetSetItem('xxxxx', value);mounted：页面创建的时候添加监听，beforeDestroy： 在页面销毁的时候移除监听。这种默认写法会将vuex中的所有数据存储到Local Storage中，2.在store/index.js文件引入一下这个插件，并配置即可。1、在main.js中添加全局获取缓存数据。]]></description><category></category></item><item><title><![CDATA[vue3的动态组件 component （点击顶部切换下面展示对应的组件内容）]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/130867902</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/130867902</guid><author>boyit0</author><pubDate>Tue, 06 Jun 2023 16:37:32 +0800</pubDate><description><![CDATA[定义好3组件和主文件index.vue。]]></description><category></category></item><item><title><![CDATA[vue2 按顺序循环调用接口数据 循环echarts图表展示数据]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/131067679</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/131067679</guid><author>boyit0</author><pubDate>Tue, 06 Jun 2023 14:58:26 +0800</pubDate><description><![CDATA[即可实现按顺序循环调用接口数据，echarts循环展示效果。]]></description><category></category></item><item><title><![CDATA[el-tree checkbox]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/127371257</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/127371257</guid><author>boyit0</author><pubDate>Mon, 17 Oct 2022 18:38:18 +0800</pubDate><description><![CDATA[expand（假如节点展开）、node-click，最后执行check-change，check-change是检查节点发生变化时调用，比节点自身变化要慢。el-tree组件使用时执行顺序依次为@current-change、@node-expand、@node-click、@check-change时。经debugger实验，先执行current-change、]]></description><category></category></item><item><title><![CDATA[vue中拼接html，点击事件失效的解决办法]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/125103635</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/125103635</guid><author>boyit0</author><pubDate>Thu, 02 Jun 2022 17:06:52 +0800</pubDate><description><![CDATA[vue中拼接html，点击事件失效的解决办法]]></description><category></category></item><item><title><![CDATA[Vue-router中hash模式与history模式的正确用法]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/124755103</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/124755103</guid><author>boyit0</author><pubDate>Fri, 13 May 2022 16:55:38 +0800</pubDate><description><![CDATA[小白回答：hash模式url带#号，history模式不带#号。

形式上：hash模式url里面永远带着#号，开发当中默认使用这个模式。如果用户考虑url的规范那么就需要使用history模式，因为history模式没有#号，是个正常的url，适合推广宣传；

功能上：比如我们在开发app的时候有分享页面，那么这个分享出去的页面就是用vue或是react做的，咱们把这个页面分享到第三方的app里，有的app里面url是不允许带有#号的，所以要将#号去除那么就要使用history模式，但是使用history]]></description><category></category></item><item><title><![CDATA[vue el-table 简单轮播]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/120346734</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/120346734</guid><author>boyit0</author><pubDate>Thu, 23 Sep 2021 10:10:27 +0800</pubDate><description><![CDATA[系统信息
arch 显示机器的处理器架构
uname -m 显示机器的处理器架构
uname -r 显示正在使用的内核版本
dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI)
hdparm -i /dev/hda 罗列一个磁盘的架构特性
hdparm -tT /dev/sda 在磁盘上执行测试性读取操作
cat /proc/cpuinfo 显示CPU info的信息
cat /proc/interrupts 显示中断
cat /proc/meminfo 校验内存使用...]]></description><category></category></item><item><title><![CDATA[vue多层数组嵌套循环，动态取值匹配]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/120281811</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/120281811</guid><author>boyit0</author><pubDate>Tue, 14 Sep 2021 10:16:22 +0800</pubDate><description><![CDATA[tableData:[], //存储数组
arrTarName:[] //结果数组

this.tableData.push({
  siteName:i.siteName,
  tabdata:result.data
}); 

//循环+判断取值
for (let k = 0; k &lt; result.data.length; k++) {
    if (this.arrTarName.length == 0) {
        this.arrTarName.push({
         .]]></description><category></category></item><item><title><![CDATA[原生js ajax封装post，get方法]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/119926434</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/119926434</guid><author>boyit0</author><pubDate>Thu, 26 Aug 2021 10:48:32 +0800</pubDate><description><![CDATA[方法一：


function ajax(method, url, callback, data, flag) {
    var xhr;
    flag = flag || true;
    method = method.toUpperCase();
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    } else {
        xhr = new ActiveXObject('Microsoft.]]></description><category></category></item><item><title><![CDATA[常用Javascript数组去重复方法]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/119783734</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/119783734</guid><author>boyit0</author><pubDate>Wed, 18 Aug 2021 16:42:11 +0800</pubDate><description><![CDATA[方法一（filter）：


function unique(arr1) {
 const res = new Map();
 return arr1.filter((a) =&gt; !res.has(a.siteId) &amp;&amp; res.set(a.siteId, 1))
}
function unique(array) {
 return array.filter(function(item, index, array){
  return (item &amp;&amp...]]></description><category></category></item><item><title><![CDATA[手机端h5页面自适应平板(iPad)js]]></title><link>https://blog.youkuaiyun.com/boyit0/article/details/119755870</link><guid>https://blog.youkuaiyun.com/boyit0/article/details/119755870</guid><author>boyit0</author><pubDate>Tue, 17 Aug 2021 14:30:14 +0800</pubDate><description><![CDATA[手机页面h5自适应的方法有很多，比如：bootstrap，rem等等。下面分享给大家一个js控制viewPort视区自适应缩放的方法（我给它命名为phone.js）：

将phone.js引入在jq库之后:



下面是phone.js的详细代码:


var view_timer = null;
function viewPort(userAgent, pageWidth) {
    var oView = document.getElementById('viewport');
    if (oV.]]></description><category></category></item></channel></rss>