<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[douyiqing的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/douyiqing</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; douyiqing]]></copyright><item><title><![CDATA[小程序内表格合并功能实现—行合并]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/146504932</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/146504932</guid><author>douyiqing</author><pubDate>Tue, 25 Mar 2025 16:04:17 +0800</pubDate><description><![CDATA[功能介绍：支付宝小程序手写表格实现行内合并，依据动态数据自动计算每次需求合并的值，本次记录行内合并，如果列内合并，同理即可实现。前端技术：grid布局  display：grid。]]></description><category></category></item><item><title><![CDATA[记录我常用的公共样式文件]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/146074182</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/146074182</guid><author>douyiqing</author><pubDate>Thu, 06 Mar 2025 16:37:09 +0800</pubDate><description><![CDATA[【代码】记录我常用的公共样式文件。]]></description><category></category></item><item><title><![CDATA[vue实现日历签到效果]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/146073755</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/146073755</guid><author>douyiqing</author><pubDate>Thu, 06 Mar 2025 16:35:04 +0800</pubDate><description><![CDATA[日历签到样式  vue2+vant(样式控件）+ less + 一个公共样式文件。]]></description><category></category></item><item><title><![CDATA[微信小程序复制链接带参数]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/139056135</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/139056135</guid><author>douyiqing</author><pubDate>Mon, 20 May 2024 09:52:21 +0800</pubDate><description><![CDATA[微信小程序  复制链接  参数]]></description><category></category></item><item><title><![CDATA[vxe-table树形结构表格，根据层级数据计算合计值]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/137223472</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/137223472</guid><author>douyiqing</author><pubDate>Mon, 01 Apr 2024 10:32:50 +0800</pubDate><description><![CDATA[vxe-table 根据层级数据计算出合计值，修改每一个子项和删除子项时 合计结果同步更新。日常开发过程 功能点记录。]]></description><category></category></item><item><title><![CDATA[element form 表单长度数字英文验证 重置]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/136036330</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/136036330</guid><author>douyiqing</author><pubDate>Mon, 05 Feb 2024 09:37:59 +0800</pubDate><description><![CDATA[下面是一些常见表单验证重置功能，主要包括数字的验证。]]></description><category></category></item><item><title><![CDATA[h5熄屏之后倒计时会暂停]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/135974618</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/135974618</guid><author>douyiqing</author><pubDate>Thu, 01 Feb 2024 15:23:45 +0800</pubDate><description><![CDATA[这个时候要求，当页面切出去或者熄屏等操作后，重新打开，倒计时需要是最新的时间。在日常开发过程中，偶尔会有页面显示倒计时的需求。]]></description><category></category></item><item><title><![CDATA[正则验证大于0并且只能输入小于N位的小数]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/128215534</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/128215534</guid><author>douyiqing</author><pubDate>Wed, 07 Dec 2022 10:13:06 +0800</pubDate><description><![CDATA[正则数字验证]]></description><category></category></item><item><title><![CDATA[vue与ios交互返回页面异常，需要滑动才能正常得问题]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/125737855</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/125737855</guid><author>douyiqing</author><pubDate>Tue, 12 Jul 2022 10:51:45 +0800</pubDate><description><![CDATA[问题描述：在ios内嵌入H5（使用vue-cli搭建得vue框架），在A页面滚动超过一屏后，进入B页面，然后使用this.$router.back(-1)方法返回，这时候A页面会出现白屏或者部分功能渲染不正常，需要点一下页面或者滑动一下页面才会正常。...]]></description><category></category></item><item><title><![CDATA[前端Object.assign]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/124147936</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/124147936</guid><author>douyiqing</author><pubDate>Wed, 13 Apr 2022 15:07:08 +0800</pubDate><description><![CDATA[使用场景：
当在某种情况下，我们需要给后端传一个json字符串，数据是通过前端添加一个表单对象push到某一个数组里面。例如：

但是如果单纯的写数组push对象时，会存在一个问题，就是每次最新添加的数据会把之前添加的内容替换掉。

解决办法：这时候就需要对数据进行深拷贝，写法如下：

其中，laborCompanyList 为绑定的form表单对象，companyList 为需要显示到页面的数据。

两行代码就能解决这个问题。

ES6官方说法



Object.assign()方法用于将所有可枚举属.]]></description><category></category></item><item><title><![CDATA[web设置支付密码样式]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/105387209</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/105387209</guid><author>douyiqing</author><pubDate>Wed, 08 Apr 2020 14:46:20 +0800</pubDate><description><![CDATA[html内容：

自行准备一张关闭图片


&lt;div class="inputPassword pay-dialog"&gt;
    &lt;img class="close" src="img/close.png" alt=""&gt;
    &lt;p class="info"&gt;请输入支付密码&lt;/p&gt;
    &lt;div class="pay-password"...]]></description><category></category></item><item><title><![CDATA[js几种倒计时实现方式]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/105273243</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/105273243</guid><author>douyiqing</author><pubDate>Thu, 02 Apr 2020 17:04:29 +0800</pubDate><description><![CDATA[1. 常见获取验证码60s倒计时


var second = 60;
var timer;
  // 倒计时
function countDown(){
    second--;
    if(second == 0){
         second = 60
         clearTimeout(timer)
         return
     }
     timer = s...]]></description><category></category></item><item><title><![CDATA[js获取每周固定某一天，某一刻的时间戳]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/105272176</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/105272176</guid><author>douyiqing</author><pubDate>Thu, 02 Apr 2020 16:05:26 +0800</pubDate><description><![CDATA[我们以每周 周六和周日 的23:59:59为例

先上代码


// 获取每周指定时间戳
     function getStamp(){
        var _date = new Date(); // 获取当前时间
        var _nowTime = _date.getTime(); // 获取当前时间时间戳
        // 获取当前是周几，0代表是周日
      ...]]></description><category></category></item><item><title><![CDATA[前端使用swiper的坑]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/104778237</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/104778237</guid><author>douyiqing</author><pubDate>Tue, 10 Mar 2020 17:40:17 +0800</pubDate><description><![CDATA[1.动态渲染swiper左右切换按钮和滑动切换失效

原因：这是因为ajax是个异步请求，当页面渲染完毕时，swiper插件没法获取最新的swiper-slide个数，导致部分功能失效。

解决办法：

在swiper初始化时设置下面属性

observer: true, //修改swiper自己或子元素时，自动初始化swiper

observeParents: true //修改swiper的...]]></description><category></category></item><item><title><![CDATA[elementui动态切换table列内容]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/102466679</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/102466679</guid><author>douyiqing</author><pubDate>Wed, 09 Oct 2019 17:55:44 +0800</pubDate><description><![CDATA[实际开发中经常会动态显示表格的某些列的内容，我把我实现的方法记录并且分享一下。
首先，不要使用v-show，要使用v-if。
其次，表格加载属于懒加载，所以每次切换内容需要让表格重新加载一次
实现方法，给表格加索引，每次切换改变索引值
直接上代码吧，通俗易懂
// 控制表格切换
&lt;el-button type="primary"  @click="toggleData"&gt;切换表格&lt...]]></description><category></category></item><item><title><![CDATA[vue使用sortable实现拖拽排序]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/101205380</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/101205380</guid><author>douyiqing</author><pubDate>Mon, 23 Sep 2019 14:53:39 +0800</pubDate><description><![CDATA[vue项目中使用sortable实现对块元素拖拽进行排序
下载：
npm install sortablejs --save
引入：
import Sortable from ‘sortablejs’
使用：
&lt;template&gt;
  &lt;div class="flex" id="items"&gt;
    &lt;div class="item" v-for="(item,in...]]></description><category></category></item><item><title><![CDATA[fixed定位底部左右居中，absolute定位上下左右居中]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/100117887</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/100117887</guid><author>douyiqing</author><pubDate>Wed, 28 Aug 2019 13:57:32 +0800</pubDate><description><![CDATA[移动端开发过程中，底部固定定位经常会用到，如果有时候宽度是100%的话，就不涉及左右居中的问题，反之，就要注意左右居中的问题。
代码如下：
.fixed{
	position:fixed
	bottom:0
	left:0
	right:0
	margin-left:auto
	margin-right:auto
}

有时候需要页面弹框，然后要求弹框上下左右居中，这个弹框一般都是定宽定高的，对他...]]></description><category></category></item><item><title><![CDATA[swiper动态渲染部分功能失效]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/100106297</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/100106297</guid><author>douyiqing</author><pubDate>Tue, 27 Aug 2019 18:54:57 +0800</pubDate><description><![CDATA[swiper-slide功能失效：
在开发移动端页面时，经常用到swiper插件。swiper-slide的数据基本都是通过动态渲染出来的，但是这时候就会有问题，会发现左右切换按钮和滑动切换都会失效。
这个是因为ajax请求数据是个异步操作，当页面渲染完毕时，swiper插件没法获取最新的swiper-slide个数，就导致了部分功能失效。查看官方文档找到解决方法：
在swiper初始化的时候设置...]]></description><category></category></item><item><title><![CDATA[移动端设置元素高度为全屏]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/100037477</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/100037477</guid><author>douyiqing</author><pubDate>Fri, 23 Aug 2019 14:47:13 +0800</pubDate><description><![CDATA[移动端开发中，经常用到某个块元素占满全屏，大家想到的第一个方法肯定是设置height：100%，但是这种方法是无效的，原因我相信大家应该都清楚，接下来我给大家介绍几种方法：
通过css进行设置

使用vw，vh进行设置，这种方法我平时自己做demo时候经常会用到。
vw,vh是css3新出的单位，1vw=1/100浏览器宽度，1vh=1/100浏览器高度。一般100vw就是整个屏幕宽度，100vh...]]></description><category></category></item><item><title><![CDATA[vue+element实现checkbox全选，全不选功能]]></title><link>https://blog.youkuaiyun.com/douyiqing/article/details/99859748</link><guid>https://blog.youkuaiyun.com/douyiqing/article/details/99859748</guid><author>douyiqing</author><pubDate>Tue, 20 Aug 2019 16:53:21 +0800</pubDate><description><![CDATA[vue+element实现checkbox全选，全不选功能
我看了官方提供的案例，主要通过indeterminate属性来实现全选的效果。但是不太符合我们公司的需求，我就在官方基础上做了一点修改，从而实现全选和全不选的效果。
我没有用indeterminate属性，主要是通过v-model绑定的布尔值去实现功能
上代码：
&lt;template&gt;
  &lt;el-checkbox v-m...]]></description><category></category></item></channel></rss>