douyiqing的博客

日历签到样式 vue2+vant(样式控件）+ less + 一个公共样式文件。

这个时候要求，当页面切出去或者熄屏等操作后，重新打开，倒计时需要是最新的时间。在日常开发过程中，偶尔会有页面显示倒计时的需求。

正则数字验证

问题描述：在ios内嵌入H5（使用vue-cli搭建得vue框架），在A页面滚动超过一屏后，进入B页面，然后使用this.$router.back(-1)方法返回，这时候A页面会出现白屏或者部分功能渲染不正常，需要点一下页面或者滑动一下页面才会正常。...

html内容：自行准备一张关闭图片<div class="inputPassword pay-dialog"> <img class="close" src="img/close.png" alt=""> <p class="info">请输入支付密码</p> <div class="pay-password"...

1. 常见获取验证码60s倒计时var second = 60;var timer; // 倒计时function countDown(){ second--; if(second == 0){ second = 60 clearTimeout(timer) return } timer = s...

我们以每周 周六和周日 的23:59:59为例先上代码// 获取每周指定时间戳 function getStamp(){ var _date = new Date(); // 获取当前时间 var _nowTime = _date.getTime(); // 获取当前时间时间戳 // 获取当前是周几，0代表是周日 ...

1.动态渲染swiper左右切换按钮和滑动切换失效原因：这是因为ajax是个异步请求，当页面渲染完毕时，swiper插件没法获取最新的swiper-slide个数，导致部分功能失效。解决办法：在swiper初始化时设置下面属性observer: true, //修改swiper自己或子元素时，自动初始化swiperobserveParents: true //修改swiper的...

实际开发中经常会动态显示表格的某些列的内容，我把我实现的方法记录并且分享一下。首先，不要使用v-show，要使用v-if。其次，表格加载属于懒加载，所以每次切换内容需要让表格重新加载一次实现方法，给表格加索引，每次切换改变索引值直接上代码吧，通俗易懂// 控制表格切换<el-button type="primary" @click="toggleData">切换表格&lt...

vue项目中使用sortable实现对块元素拖拽进行排序下载：npm install sortablejs --save引入：import Sortable from ‘sortablejs’使用：<template> <div class="flex" id="items"> <div class="item" v-for="(item,in...

移动端开发过程中，底部固定定位经常会用到，如果有时候宽度是100%的话，就不涉及左右居中的问题，反之，就要注意左右居中的问题。代码如下：.fixed{ position:fixed bottom:0 left:0 right:0 margin-left:auto margin-right:auto}有时候需要页面弹框，然后要求弹框上下左右居中，这个弹框一般都是定宽定高的，对他...

swiper-slide功能失效：在开发移动端页面时，经常用到swiper插件。swiper-slide的数据基本都是通过动态渲染出来的，但是这时候就会有问题，会发现左右切换按钮和滑动切换都会失效。这个是因为ajax请求数据是个异步操作，当页面渲染完毕时，swiper插件没法获取最新的swiper-slide个数，就导致了部分功能失效。查看官方文档找到解决方法：在swiper初始化的时候设置...

移动端开发中，经常用到某个块元素占满全屏，大家想到的第一个方法肯定是设置height：100%，但是这种方法是无效的，原因我相信大家应该都清楚，接下来我给大家介绍几种方法：通过css进行设置使用vw，vh进行设置，这种方法我平时自己做demo时候经常会用到。vw,vh是css3新出的单位，1vw=1/100浏览器宽度，1vh=1/100浏览器高度。一般100vw就是整个屏幕宽度，100vh...

vue+element实现checkbox全选，全不选功能我看了官方提供的案例，主要通过indeterminate属性来实现全选的效果。但是不太符合我们公司的需求，我就在官方基础上做了一点修改，从而实现全选和全不选的效果。我没有用indeterminate属性，主要是通过v-model绑定的布尔值去实现功能上代码：<template> <el-checkbox v-m...

在前端开发以及小程序开发中，单行，多行文本溢出隐藏经常用到。接下来我就把我知道的几种情况整理出来以供大家参考。微信小程序多行text文本溢出隐藏display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:3; // 你想要的行数overflow: hidden;...