10 2020 档案
摘要：实现场景： 当前页面有不同的状态切换，并且有相应的列表值。比如：淘宝的订单列表页面的布局方式。有已发货，待发货，已收货，全部订单等。当点击已发货下的订单列表时，可以跳转到订单详情页面。当点击返回的时候，返回到已发货/待发货状态下相应的列表位置。并且页面不会发送请求。 实现原理： 官方文档指路 kee
阅读全文
摘要：很久之前做小程序时有个类似每日优鲜里储值卡充值界面里的 卡轮播和价格tab栏联动效果，当时觉得新鲜做出来之后也没当回事。直到今天又遇到了一个类似的功能，所以想着总结经验。 实现效果如下图： 图解：点击tab菜单 三个选项时，下面的轮播会随之滑动，下面的商品列表也会根据上面的tab选项变化。反之，当左
阅读全文
摘要：之前已经写过一篇关于上拉加载更多的文章，那个主要是根据滚动实现分页向后台发起请求实现。这次实现方式为后台返回所有需要加载的数据，前端这边做视觉上的分页效果。实现原理也是根据滚动距离触发加载更多的条件。 我这边的需求是需要在模态框里实现一个列表的加载更多的功能。实现原理：根据弹框内的父元素的溢出高度也
阅读全文
摘要：import axios from 'axios'; import qs from 'qs'; import { delCookie, getCookie, setCookie } from "../utils/index.js"; import { Message, Loading } from
阅读全文
摘要：在表单包括表格页面校验情况下 对input框的值进行必填校验和格式校验时，会遇到value值 只能拿到第一次获取的到校验值。这样后面每次输入都是按照第一次情况进行校验。由此我的经验是在自定义校验时 用具体值进行校验 如下方式： usedTime(rule, value, callback){ con
阅读全文
摘要：首先定义一个公共js 并导出 格式化方法： export function money(val) { if (val) { val = val.toString().replace(/\$|\,/g,''); } if(isNaN(val)) { val = "0"; } let sign = (v
阅读全文
摘要：废话不多说，直接上代码。 导出一个校验方法。严谨身份证号校验方法如下： export function checkIdcard(idcard) { var Errors = new Array( "0", "身份证号码位数不对!", "身份证号码出生日期超出范围或含有非法字符!", "身份证号码校验
阅读全文
摘要：首先定义获取页面当前的滚动高度方法： //滚动条在Y轴上的滚动距离 getScrollTop() { var documentScrollTop = 0; documentScrollTop = document.documentElement.scrollTop; return documentS
阅读全文
