- 博客(21)
- 收藏
- 关注
RSS订阅原创 小程序内表格合并功能实现—行合并
功能介绍：支付宝小程序手写表格实现行内合并，依据动态数据自动计算每次需求合并的值，本次记录行内合并，如果列内合并，同理即可实现。前端技术：grid布局 display：grid。
2025-03-25 16:04:17
540
原创 vxe-table树形结构表格，根据层级数据计算合计值
vxe-table 根据层级数据计算出合计值，修改每一个子项和删除子项时 合计结果同步更新。日常开发过程 功能点记录。
2024-04-01 10:32:50
668
1
原创 h5熄屏之后倒计时会暂停
这个时候要求，当页面切出去或者熄屏等操作后，重新打开，倒计时需要是最新的时间。在日常开发过程中，偶尔会有页面显示倒计时的需求。
2024-02-01 15:23:45
337
原创 vue与ios交互返回页面异常，需要滑动才能正常得问题
问题描述：在ios内嵌入H5（使用vue-cli搭建得vue框架），在A页面滚动超过一屏后，进入B页面，然后使用this.$router.back(-1)方法返回，这时候A页面会出现白屏或者部分功能渲染不正常，需要点一下页面或者滑动一下页面才会正常。...
2022-07-12 10:51:45
1652
1
原创 前端Object.assign
使用场景：当在某种情况下，我们需要给后端传一个json字符串，数据是通过前端添加一个表单对象push到某一个数组里面。例如：但是如果单纯的写数组push对象时，会存在一个问题，就是每次最新添加的数据会把之前添加的内容替换掉。解决办法：这时候就需要对数据进行深拷贝，写法如下：其中，laborCompanyList 为绑定的form表单对象，companyList 为需要显示到页面的数据。两行代码就能解决这个问题。ES6官方说法Object.assign()方法用于将所有可枚举属.
2022-04-13 15:07:08
788
原创 web设置支付密码样式
html内容：自行准备一张关闭图片<div class="inputPassword pay-dialog"> <img class="close" src="img/close.png" alt=""> <p class="info">请输入支付密码</p> <div class="pay-password"...
2020-04-08 14:46:20
381
1
原创 js几种倒计时实现方式
1. 常见获取验证码60s倒计时var second = 60;var timer; // 倒计时function countDown(){ second--; if(second == 0){ second = 60 clearTimeout(timer) return } timer = s...
2020-04-02 17:04:29
9253
原创 js获取每周固定某一天，某一刻的时间戳
我们以每周 周六和周日 的23:59:59为例先上代码// 获取每周指定时间戳 function getStamp(){ var _date = new Date(); // 获取当前时间 var _nowTime = _date.getTime(); // 获取当前时间时间戳 // 获取当前是周几，0代表是周日 ...
2020-04-02 16:05:26
1037
1
原创 前端使用swiper的坑
1.动态渲染swiper左右切换按钮和滑动切换失效原因：这是因为ajax是个异步请求，当页面渲染完毕时，swiper插件没法获取最新的swiper-slide个数，导致部分功能失效。解决办法：在swiper初始化时设置下面属性observer: true, //修改swiper自己或子元素时，自动初始化swiperobserveParents: true //修改swiper的...
2020-03-10 17:40:17
2181
1
原创 elementui动态切换table列内容
实际开发中经常会动态显示表格的某些列的内容，我把我实现的方法记录并且分享一下。首先，不要使用v-show，要使用v-if。其次，表格加载属于懒加载，所以每次切换内容需要让表格重新加载一次实现方法，给表格加索引，每次切换改变索引值直接上代码吧，通俗易懂// 控制表格切换<el-button type="primary" @click="toggleData">切换表格<...
2019-10-09 17:55:44
3721
1
原创 vue使用sortable实现拖拽排序
vue项目中使用sortable实现对块元素拖拽进行排序下载：npm install sortablejs --save引入：import Sortable from ‘sortablejs’使用：<template> <div class="flex" id="items"> <div class="item" v-for="(item,in...
2019-09-23 14:53:39
8718
原创 fixed定位底部左右居中，absolute定位上下左右居中
移动端开发过程中，底部固定定位经常会用到，如果有时候宽度是100%的话，就不涉及左右居中的问题，反之，就要注意左右居中的问题。代码如下：.fixed{ position:fixed bottom:0 left:0 right:0 margin-left:auto margin-right:auto}有时候需要页面弹框，然后要求弹框上下左右居中，这个弹框一般都是定宽定高的，对他...
2019-08-28 13:57:32
2908
原创 swiper动态渲染部分功能失效
swiper-slide功能失效：在开发移动端页面时，经常用到swiper插件。swiper-slide的数据基本都是通过动态渲染出来的，但是这时候就会有问题，会发现左右切换按钮和滑动切换都会失效。这个是因为ajax请求数据是个异步操作，当页面渲染完毕时，swiper插件没法获取最新的swiper-slide个数，就导致了部分功能失效。查看官方文档找到解决方法：在swiper初始化的时候设置...
2019-08-27 18:54:57
2581
6
原创 移动端设置元素高度为全屏
移动端开发中，经常用到某个块元素占满全屏，大家想到的第一个方法肯定是设置height：100%，但是这种方法是无效的，原因我相信大家应该都清楚，接下来我给大家介绍几种方法：通过css进行设置使用vw，vh进行设置，这种方法我平时自己做demo时候经常会用到。vw,vh是css3新出的单位，1vw=1/100浏览器宽度，1vh=1/100浏览器高度。一般100vw就是整个屏幕宽度，100vh...
2019-08-23 14:47:13
3201
原创 vue+element实现checkbox全选，全不选功能
vue+element实现checkbox全选，全不选功能我看了官方提供的案例，主要通过indeterminate属性来实现全选的效果。但是不太符合我们公司的需求，我就在官方基础上做了一点修改，从而实现全选和全不选的效果。我没有用indeterminate属性，主要是通过v-model绑定的布尔值去实现功能上代码：<template> <el-checkbox v-m...
2019-08-20 16:53:21
3505
1
原创 小程序和HTML的单行，多行文本溢出隐藏
在前端开发以及小程序开发中，单行，多行文本溢出隐藏经常用到。接下来我就把我知道的几种情况整理出来以供大家参考。微信小程序多行text文本溢出隐藏display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:3; // 你想要的行数overflow: hidden;...
2019-03-04 17:03:41
965
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人