<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[陌夏线的前端小窝]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/dyyzht</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; dyyzht]]></copyright><item><title><![CDATA[【CSS】实现一排4个图片等间距布局]]></title><link>https://blog.youkuaiyun.com/dyyzht/article/details/127664627</link><guid>https://blog.youkuaiyun.com/dyyzht/article/details/127664627</guid><author>dyyzht</author><pubDate>Thu, 03 Nov 2022 10:16:17 +0800</pubDate><description><![CDATA[CSS实现一排4个图片等间距布局，非flex布局。]]></description><category></category></item><item><title><![CDATA[elementui-table列隐藏展示：支持全选反选重置，以及列字段值错位问题解决]]></title><link>https://blog.youkuaiyun.com/dyyzht/article/details/125672927</link><guid>https://blog.youkuaiyun.com/dyyzht/article/details/125672927</guid><author>dyyzht</author><pubDate>Fri, 08 Jul 2022 10:42:21 +0800</pubDate><description><![CDATA[elementui-table控制列的隐藏和展示，且支持全选、反选、重置功能，以及列字段值错位问题解决。]]></description><category></category></item><item><title><![CDATA[H5使用vant，后台使用element，用户的省市区地址数据源统一]]></title><link>https://blog.youkuaiyun.com/dyyzht/article/details/124190373</link><guid>https://blog.youkuaiyun.com/dyyzht/article/details/124190373</guid><author>dyyzht</author><pubDate>Fri, 15 Apr 2022 11:13:50 +0800</pubDate><description><![CDATA[element-ui和vant省市区地址数据源不一致的坑]]></description><category></category></item><item><title><![CDATA[reactH5-日期前后天切换]]></title><link>https://blog.youkuaiyun.com/dyyzht/article/details/123731003</link><guid>https://blog.youkuaiyun.com/dyyzht/article/details/123731003</guid><author>dyyzht</author><pubDate>Fri, 25 Mar 2022 11:18:14 +0800</pubDate><description><![CDATA[1.引入moment包：


yarn add moment --save

2.页面代码截取


import moment from 'moment';

constructor(props) {
    super(props)
       this.state = {
            day: moment().format('YYYY-MM-DD'),
            showDay: moment().format('MM-DD'),
        }
    }



//]]></description><category></category></item><item><title><![CDATA[VUE：VANT+XGPLAYER实现视频轮播]]></title><link>https://blog.youkuaiyun.com/dyyzht/article/details/122685604</link><guid>https://blog.youkuaiyun.com/dyyzht/article/details/122685604</guid><author>dyyzht</author><pubDate>Tue, 25 Jan 2022 15:35:42 +0800</pubDate><description><![CDATA[技术栈：vue+vant+xgplayer

代码如下：


&lt;van-swipe :autoplay="autoplay" indicator-color="#1989fa"&gt;
        &lt;van-swipe-item v-for="item in imgVideoBanner" :key="item.id"&gt;
          &lt;div class="video" :id="item.id"&gt;&lt;/div&gt;
        &lt;/van-swip]]></description><category></category></item><item><title><![CDATA[VUE路由动态缓存：返回上页面不刷新，再次进入该页面刷新]]></title><link>https://blog.youkuaiyun.com/dyyzht/article/details/118208696</link><guid>https://blog.youkuaiyun.com/dyyzht/article/details/118208696</guid><author>dyyzht</author><pubDate>Fri, 25 Jun 2021 09:13:54 +0800</pubDate><description><![CDATA[由于项目里遇到这个需求，于是在网上搜索了一下，几乎都是使用keep-alive，然后给路由配置里设置缓存为true，但是这样并不能满足需求，而是造成了第一次打开页面确实加载刷新了，然后只要打开过，后面就再也不会刷新，有点坑。

下面写一下我的解决方案：

1.stroe.js文件


import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

const state = {
    catchArr: '',
}

const getters =]]></description><category></category></item><item><title><![CDATA[element-ui使用upload的http-request自定义上传图片后隐藏上传图标]]></title><link>https://blog.youkuaiyun.com/dyyzht/article/details/117733624</link><guid>https://blog.youkuaiyun.com/dyyzht/article/details/117733624</guid><author>dyyzht</author><pubDate>Wed, 09 Jun 2021 10:49:56 +0800</pubDate><description><![CDATA[&lt;el-form-item label="Logo" prop="logo"&gt;
              &lt;el-upload
                :class="{ hide: hideUpload }"
                v-loading="loading"
                name="logo"
                action="xxx这里必填随便写"
                :http-r...]]></description><category></category></item><item><title><![CDATA[使用nvm管理node，使用yarn开发和打包项目]]></title><link>https://blog.youkuaiyun.com/dyyzht/article/details/117695787</link><guid>https://blog.youkuaiyun.com/dyyzht/article/details/117695787</guid><author>dyyzht</author><pubDate>Tue, 08 Jun 2021 11:39:40 +0800</pubDate><description><![CDATA[使用nvm安装管理node
nvm install 12.13.1
nvm use 12.13.1

node淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org

yarn安装
npm install -g  yarn@1.12.1

# 修改为淘宝镜像源
yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_bin.]]></description><category></category></item><item><title><![CDATA[【CSS】flex布局实现一行展示三个子元素并两端对齐]]></title><link>https://blog.youkuaiyun.com/dyyzht/article/details/115345300</link><guid>https://blog.youkuaiyun.com/dyyzht/article/details/115345300</guid><author>dyyzht</author><pubDate>Wed, 31 Mar 2021 10:57:14 +0800</pubDate><description><![CDATA[本代码在微信小程序里实现，效果如下：



WXML：


&lt;view class="goods-box"&gt;
  &lt;view class="list"&gt;
    &lt;view class="list-item" wx:for="{{productList}}" wx:key='item' data-item="{{item}}"&gt;
      &lt;image src="{{item.logourl}}" mode="aspectFill"&gt;&lt;/image&g]]></description><category></category></item><item><title><![CDATA[【前端笔试】JS手写一个冒泡排序]]></title><link>https://blog.youkuaiyun.com/dyyzht/article/details/115344556</link><guid>https://blog.youkuaiyun.com/dyyzht/article/details/115344556</guid><author>dyyzht</author><pubDate>Wed, 31 Mar 2021 10:37:19 +0800</pubDate><description><![CDATA[冒泡排序：数组中的每一个数从前往后依次进行比较，然后根据大小交换位置，每一轮的比较都确定出一个当轮比较的最大值，最终实现数组的大小排序。


var a = [10, 2, 1, 6, 5, 55, 9]
for (var i = 1; i &lt; a.length; i++) {
  for (var j = 0; j &lt; a.length - i; j++) {
    if (a[j] &gt; a[j + 1]) {
      [a[j], a[j + 1]] = [a[j + 1], a]]></description><category></category></item></channel></rss>