摘要: 之前已经写过一篇关于上拉加载更多的文章,那个主要是根据滚动实现分页向后台发起请求实现。这次实现方式为后台返回所有需要加载的数据,前端这边做视觉上的分页效果。实现原理也是根据滚动距离触发加载更多的条件。 我这边的需求是需要在模态框里实现一个列表的加载更多的功能。实现原理:根据弹框内的父元素的溢出高度也 阅读全文
posted @ 2020-10-20 11:10 巫小婆 阅读(882) 评论(0) 推荐(0) 编辑
摘要: import axios from 'axios'; import qs from 'qs'; import { delCookie, getCookie, setCookie } from "../utils/index.js"; import { Message, Loading } from 阅读全文
posted @ 2020-10-19 14:16 巫小婆 阅读(2717) 评论(0) 推荐(0) 编辑
摘要: 在表单包括表格页面校验情况下 对input框的值进行必填校验和格式校验时,会遇到value值 只能拿到第一次获取的到校验值。这样后面每次输入都是按照第一次情况进行校验。由此我的经验是在自定义校验时 用具体值进行校验 如下方式: usedTime(rule, value, callback){ con 阅读全文
posted @ 2020-10-19 13:50 巫小婆 阅读(2022) 评论(0) 推荐(0) 编辑
摘要: 首先定义一个公共js 并导出 格式化方法: export function money(val) { if (val) { val = val.toString().replace(/\$|\,/g,''); } if(isNaN(val)) { val = "0"; } let sign = (v 阅读全文
posted @ 2020-10-19 13:41 巫小婆 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 废话不多说,直接上代码。 导出一个校验方法。严谨身份证号校验方法如下: export function checkIdcard(idcard) { var Errors = new Array( "0", "身份证号码位数不对!", "身份证号码出生日期超出范围或含有非法字符!", "身份证号码校验 阅读全文
posted @ 2020-10-19 11:38 巫小婆 阅读(7628) 评论(2) 推荐(0) 编辑
摘要: 首先定义获取页面当前的滚动高度方法: //滚动条在Y轴上的滚动距离 getScrollTop() { var documentScrollTop = 0; documentScrollTop = document.documentElement.scrollTop; return documentS 阅读全文
posted @ 2020-10-11 21:21 巫小婆 阅读(1350) 评论(0) 推荐(0) 编辑
摘要: 两种方式。直接上代码: getRemainDays(){ var today = new Date(); var now = today.getDate(); var year = today.getYear(); if (year < 2000) year += 1900; var month = 阅读全文
posted @ 2020-09-29 14:11 巫小婆 阅读(710) 评论(0) 推荐(0) 编辑
摘要: 第一种:一次数据请求,前端实现分页功能。 具体实现代码如下: html: table值绑定的 :data="infoData.canNotScraps.slice((cur_page-1)*pageSize,cur_page*pageSize)" 根据当前页自动计算要显示的哪一页数据 <el-dia 阅读全文
posted @ 2020-09-27 15:01 巫小婆 阅读(4332) 评论(0) 推荐(0) 编辑
摘要: 写在前面:大前端日益更新、对开发者的要求也越来越高。下面我先列出我能想到的面试题大纲,然后一一解答,给自己做个笔记。 一、基础 1). css部分 移动端常用适配方式 px+% rem vw css 垂直水平居中 已知宽高: background: red; width: 100px; height 阅读全文
posted @ 2020-07-22 14:36 巫小婆 阅读(8747) 评论(0) 推荐(2) 编辑
摘要: 实现效果如下图: 具体代码实现 如下: setEvaluation.vue(仅包括图片列表展示 及 自定义上传按钮): <div class="eva_uploadImg"> <div class="eva_loadImgList"> <ul class="clearfix"> <li class= 阅读全文
posted @ 2020-07-17 09:21 巫小婆 阅读(1055) 评论(0) 推荐(0) 编辑