<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[SundayGoG的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/SundayGoG</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; SundayGoG]]></copyright><item><title><![CDATA[Vue3笔记]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/140296626</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/140296626</guid><author>SundayGoG</author><pubDate>Thu, 11 Jul 2024 10:50:33 +0800</pubDate><description><![CDATA[vue3笔记]]></description><category></category></item><item><title><![CDATA[js时间类型数据处理（速记）]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/134284593</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/134284593</guid><author>SundayGoG</author><pubDate>Wed, 08 Nov 2023 11:10:59 +0800</pubDate><description><![CDATA[【代码】js时间类型数据处理（速记）]]></description><category></category></item><item><title><![CDATA[JS常用函数和数据处理方法]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/128256529</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/128256529</guid><author>SundayGoG</author><pubDate>Thu, 20 Jul 2023 19:27:48 +0800</pubDate><description><![CDATA[记录实际项目开发中，实用到的数据处理的场景和封装方法。]]></description><category></category></item><item><title><![CDATA[解决vue数据改变，但视图没有刷新]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/128613357</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/128613357</guid><author>SundayGoG</author><pubDate>Mon, 09 Jan 2023 20:36:33 +0800</pubDate><description><![CDATA[vue数据改变视图并未刷新的问题]]></description><category></category></item><item><title><![CDATA[Vuex笔记]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/128151322</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/128151322</guid><author>SundayGoG</author><pubDate>Fri, 02 Dec 2022 17:48:16 +0800</pubDate><description><![CDATA[vuex学习笔记]]></description><category></category></item><item><title><![CDATA[Echarts使用（vue）]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/127447622</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/127447622</guid><author>SundayGoG</author><pubDate>Fri, 25 Nov 2022 17:23:14 +0800</pubDate><description><![CDATA[Echart图表主要配置项]]></description><category></category></item><item><title><![CDATA[VueRouter官方文档学习笔记]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/128024894</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/128024894</guid><author>SundayGoG</author><pubDate>Thu, 24 Nov 2022 20:24:48 +0800</pubDate><description><![CDATA[vue-router官方文档学习笔记]]></description><category></category></item><item><title><![CDATA[Git使用]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/126525505</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/126525505</guid><author>SundayGoG</author><pubDate>Thu, 25 Aug 2022 15:18:18 +0800</pubDate><description><![CDATA[vscode提交git代码]]></description><category></category></item><item><title><![CDATA[随笔——elmentUI的组件使用遇到的一些问题]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/126418156</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/126418156</guid><author>SundayGoG</author><pubDate>Fri, 19 Aug 2022 09:43:15 +0800</pubDate><description><![CDATA[伸缩折叠抖动问题、折叠后菜单文字依然显示、折叠后el-aside区域没有相应折叠]]></description><category></category></item><item><title><![CDATA[浅析事件冒泡和解决方式（vue）]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/125097360</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/125097360</guid><author>SundayGoG</author><pubDate>Thu, 02 Jun 2022 11:42:00 +0800</pubDate><description><![CDATA[事件冒泡，解决方式，事件捕获
]]></description><category></category></item><item><title><![CDATA[css常用demo练习]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/125045401</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/125045401</guid><author>SundayGoG</author><pubDate>Mon, 30 May 2022 14:27:10 +0800</pubDate><description><![CDATA[1.横向弹性布局，溢出的部分换行
flex布局实现不同分辨率屏幕显示效果不同，”自适应布局“
(flex-flow是flex-direction和flex-wrap的复合属性）
display:flex;
flex-flow:wrap;
white-space: nowrap;
text-overflow: ellipsis;

2.文字多余部分用省略号表示
over-flow:hidden;
white-space:nowarp;
text-overflow:ellipsis;

3.弹性布局，水平均匀间]]></description><category></category></item><item><title><![CDATA[css中的＞]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/125041053</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/125041053</guid><author>SundayGoG</author><pubDate>Mon, 30 May 2022 09:55:51 +0800</pubDate><description><![CDATA[参考：https://m.php.cn/article/477221.html



.父元素&gt;.子元素

等效于
.父元素{
     .子元素{
     }
}

表示该层级父元素的下一层级的子元素，是嵌套结构的简便写法，当没有复杂的嵌套结构时，直接用第一种写法代替嵌套写法。
2.而
.父元素 .子元素{
}   

表示该父元素下的所有子元素

...]]></description><category></category></item><item><title><![CDATA[使用js添加对象属性和vue方法this.$set()添加对象属性区别]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/124997406</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/124997406</guid><author>SundayGoG</author><pubDate>Fri, 27 May 2022 09:46:45 +0800</pubDate><description><![CDATA[js更新对象：

this.obj["name"]="ddd"


this.set()更新对象（this.set()更新对象（this.set()更新对象（this.set用于向响应式对象添加一个属性，更新响应式的对象，能够触发视图更新，确保这个新属性是响应式的；因为普通定义在data中对象，使用js方法去添加属性，虽然属性添加成功，控制台可以打印，但可能无法更新视图）

                 /*对象，新属性，值*/
this.$set(this.editForm,"name",ddd)
.]]></description><category></category></item><item><title><![CDATA[伪元素常规用法]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/124870856</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/124870856</guid><author>SundayGoG</author><pubDate>Thu, 19 May 2022 20:58:44 +0800</pubDate><description><![CDATA[伪元素常用于给在某个元素之前添加图片，例如想在某个dom之前添加图片，却不想在html结构写img标签，就可以在style样式中使用::before添加伪元素。
&lt;html&gt;
  &lt;div class="container"&gt;
    &lt;div class="mydiv"&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/html&gt;

常规写法
.mydiv::before{
  content:"",
  background:url() cent]]></description><category></category></item><item><title><![CDATA[美化elementUI滚动条样式]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/124870244</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/124870244</guid><author>SundayGoG</author><pubDate>Thu, 19 May 2022 19:58:54 +0800</pubDate><description><![CDATA[&lt;el-dialog custom-class="edit-form-dialog"&gt;
&lt;/el-dialog&gt;

使用custom-class属性修改elementUI的dialog样式
/deep/ .edit-form-dialog {
    .el-dialog__body {
      padding: 15px 15px !important;
      //height: 100px;
      max-height: 60vh;
      overflow-]]></description><category></category></item><item><title><![CDATA[CSS盒子水平垂直布局]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/124540597</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/124540597</guid><author>SundayGoG</author><pubDate>Mon, 02 May 2022 14:29:49 +0800</pubDate><description><![CDATA[文本水平居中
（1）父元素：text-align:center;
div垂直居中：
（1）父元素：display：flex；
子元素：align-self:center;
div水平垂直居中：
（1）父元素：display：flex；
justifiy-content:center;
align-items:center;
子元素：
（2）父元素：position：relative：
子元素：postion：absolute；
left：50%；
right：50%；
transform：translate]]></description><category></category></item><item><title><![CDATA[js处理树形数据]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/122329085</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/122329085</guid><author>SundayGoG</author><pubDate>Wed, 05 Jan 2022 19:43:44 +0800</pubDate><description><![CDATA[splice方法：
https://segmentfault.com/q/1010000040502862/
https://www.cnblogs.com/yanggb/p/12572124.html
https://xie.infoq.cn/article/994044797f1e3c36a2bc796fe

]]></description><category></category></item><item><title><![CDATA[templete中使用v-for]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/120707218</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/120707218</guid><author>SundayGoG</author><pubDate>Mon, 11 Oct 2021 17:07:43 +0800</pubDate><description><![CDATA[templete标签中是不能够用v-for的，可以在外面嵌套一个el-card标签或者div来解决

]]></description><category></category></item><item><title><![CDATA[Vue项目踩坑：el-switch等用1，0绑定无法渲染的问题]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/120664839</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/120664839</guid><author>SundayGoG</author><pubDate>Sat, 09 Oct 2021 09:48:55 +0800</pubDate><description><![CDATA[错误写法：
&lt;el-form-item label="设备状态" prop="state"&gt;
    &lt;el-switch v-model="editForm.state"
               active-value="1"
               inactive-value="0"&gt;&lt;/el-switch&gt;
&lt;/el-form-item&gt;

正确写法：
&lt;el-form-item label="设备状态" prop="state"&]]></description><category></category></item><item><title><![CDATA[js提取对象数组中的某一个属性组成新数组（json格式化）]]></title><link>https://blog.youkuaiyun.com/SundayGoG/article/details/120512205</link><guid>https://blog.youkuaiyun.com/SundayGoG/article/details/120512205</guid><author>SundayGoG</author><pubDate>Mon, 27 Sep 2021 16:54:00 +0800</pubDate><description><![CDATA[arrOld = [
　　{name: "zhangsan", age: "18"},
　　{name: "lisi", age: "20"},
　　{name: "wangwu", age: "17"},
　　{name: "zhaoliu", age: "19"}
]

arrNew = ["zhangsan", "lisi", "wangwu", "zhaoliu"]

方法一：
let arrNew = []
arrOld.forEach(item =&gt; {
   arrNew.push(it]]></description><category></category></item></channel></rss>