2021年5月26日
摘要: 正则匹配手机号码: /^1[345789][0-9]{9}/ 语法解释: ^1表示号码第一位为1 [345789]表示号码第二位为3/ 4/ 5/ 7/ 8/ 9 [0-9]{9} 表示号码后面9位为0~9任意数字 (ps:有点不严谨,号码第三位没有进行校验) 正则语法参考:菜鸟教程(https:/ 阅读全文
posted @ 2021-05-26 10:28 猪猪&&小乖 阅读(2054) 评论(0) 推荐(0) 编辑
  2021年5月18日
摘要: const rollDom = document.getElementById('domId') // 获取想要滚动的dom节点 rollDom.scrollIntoView({ block: 'center' }) // 通过scrollIntoView方法滚动到可视窗口中间 block的值:st 阅读全文
posted @ 2021-05-18 19:08 猪猪&&小乖 阅读(150) 评论(0) 推荐(0) 编辑
  2021年3月30日
摘要: 小猪最近使用vue开发项目的时候,需要实现将指定区域全拼展示的操作。 小猪选择使用js来实现,实现原理:使用requestFullscreen()方法将指定的dom元素在全屏模式下打开。 支持的部分浏览器版本: 实现代码:(仅供参考) <template> <div id="home-content 阅读全文
posted @ 2021-03-30 18:08 猪猪&&小乖 阅读(480) 评论(0) 推荐(0) 编辑
  2021年3月2日
摘要: 前端展示信息时,往往要对身份证号、手机号、地址等这类敏感信息进行部分隐藏显示,就是要脱敏处理 一个简单粗暴的脱敏处理方法记录下: hideSensitiveData (string, saveLength1, saveLength2) { // var reduceLength = string.l 阅读全文
posted @ 2021-03-02 19:20 猪猪&&小乖 阅读(1426) 评论(0) 推荐(0) 编辑
  2021年2月24日
摘要: 需要实现一个小需求,计算2月24号是2月的第几周; 废话不多说,直接上代码: /** * a = d = 当前日期 * b = 6 - w = 当前周的还有几天过完(不算今天) * a + b 的和在除以7 就是当天是当前月份的第几周*/ date是需要计算的日期。通过new Date() 方法获取 阅读全文
posted @ 2021-02-24 19:57 猪猪&&小乖 阅读(637) 评论(0) 推荐(0) 编辑
  2021年2月23日
摘要: vue项目开发过程中,需要在页面提交表单信息之后清空还原,即恢复页面初始状态,第一想法就是对当前页面刷新,重新加载。 想起location.reload()方式和this.$router.go(0)方式跳转,但两种方式都会出现明显的闪屏(即页面出现明显空白时间),因此研究一番之后采用router-v 阅读全文
posted @ 2021-02-23 20:46 猪猪&&小乖 阅读(1283) 评论(0) 推荐(0) 编辑
  2021年2月22日
摘要: 做为一个前端开发者,总有一天我们要设置页面某一部分内容自适应浏览器窗口大小,下面分享下使用vw和vh的设置方式, 一波解释: v(即viewport):可视窗口,也就是浏览器窗口大小.vw Viewport宽度, 1vw 等于viewport宽度的1%vh Viewport高度, 1vh 等于vie 阅读全文
posted @ 2021-02-22 20:21 猪猪&&小乖 阅读(1271) 评论(0) 推荐(0) 编辑
  2021年1月30日
摘要: 现象: 开发vue项目的过程中,需要多次用到一份基础数据,为减少代码量,提高一下复用效果,便用变量A来定义,在项目中需要用到时就用变量A进行赋值。 在项目中调用时,我新定义一个变量B,再将变量A赋值给变量B,即B=A; 期望的效果是,赋值之后,A和B是两份数据,对变量B进行操作时不影响变量A,结果发 阅读全文
posted @ 2021-01-30 21:16 猪猪&&小乖 阅读(1600) 评论(0) 推荐(0) 编辑
  2021年1月27日
摘要: 最近在使用uni-app开发移动端应用,有客户反映微信小程序版本在使用是无法长按复制问题,在安卓系统上却是正常的。 检查了下代码,对text标签都设置了selectable属性,寻找万能的度娘还是没有解决问题,于是乎请教大神。 大神指路,使用user-select属性,于是乎果然解决问题,在安卓系统 阅读全文
posted @ 2021-01-27 20:27 猪猪&&小乖 阅读(1363) 评论(0) 推荐(1) 编辑
  2021年1月26日
摘要: 昨天完成echarts柱状图的生成,突然发现在项目中还有个小缺陷,当柱状图完成渲染之后,放大缩小浏览器窗口echarts柱状图宽度没有随之改变。 接昨天的代码做了小调整: setTimeout(function () { window.onresize = function () { myHisto 阅读全文
posted @ 2021-01-26 12:14 猪猪&&小乖 阅读(2039) 评论(0) 推荐(0) 编辑