- 博客(18)
- 收藏
- 关注
转载 输入框input只能输入数字和小数点
只允许输入数字(整数:小数点不能输入)<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" >允许输入小数(两位小数)<input type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" >允许输入小数(一位小数)<input type="text" onkeyup="value=value.repla
2020-09-08 10:53:13 1346
转载 vue改变数据DOM不更新的解决办法
1.获取不到DOM的解决方案(使用$nextTick)定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。理解:nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据更新了,在dom中渲染后,自动执行该函数.使用场景:1.1、Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中,原因是在created()钩子函数执行的时候DOM 其实并未进行任何渲染
2020-08-18 11:59:25 10049
原创 各种校验
//字符长度校验export function validateCode(str) {let len = 0,charCode = -1for (var i = 0; i < str.length; i++) {charCode = str.charCodeAt(i)if (charCode >= 0 && charCode <= 128) len += 1else len += 2}return len}//校验以空格开头e
2020-08-17 15:41:05 200
原创 任意字符串隐藏,身份证号隐藏,手机号隐藏
最近开发项目需要隐藏身份证中间15位、姓名中间字符,封装了一个公共方法:idCardNum 要隐藏的原数据frontLen 前面展示的位数endLen 后面展示的位数比如 身份证:410222199008096756 用此方法hideWantStr(410222199008096756,2,2) 变为 41**************56李小四hideWantStr(‘李小四’,1,1) 变为李*四张三hideWantStr(‘张三’,1,0)变为张*有待优化...
2020-08-17 15:37:26 748 6
原创 校验金额 只输入数字和一个小数点 保留两位小数
//校验金额export function validatePrice(num) {//只能输入数字和小数点num = num.replace(/[^\d.]|^\.$/g, '')let str = numlet len1 = str.substr(0, 1)let len2 = str.substr(1, 1)//如果第一位是0,第二位不是点,就用数字把点替换掉...
2019-08-21 12:16:50 823
原创 vue-cli配置反向代理解决跨域问题及过程详解
vue-cli配置反向代理vue-cli提供了配置反向代理的接口,即设置config/index.js中的proxyTable。配置如下:组件中调用接口示例(axios)上述示例请求的地址会被解析为http://moby.xbotech.com/api/login。如果proxyTable中pathRewrite配置为空,则请求的地址被解析为http://moby.xbotec...
2018-09-30 15:37:58 34780 8
原创 vue中页面加载比较慢可以看到不必要的元素
最近在写微信公众号 原本需要隐藏两个元素 但是网速慢的时候 这两个元素先是显示出来 之后隐藏 这样用户体验不是很好 后来用了token解析的方式 页面友好了很多 用户看不到隐藏的元素var strTokenArr = token.split(".");var header = window.atob(strTokenArr[0]);var payload = window.atob(st...
2018-08-29 09:52:00 1256
原创 .vue中style标签里面的background问题
最近写vue多页,有个登陆弹框的背景图,打包完平白多了两层文件夹,为了这个问题真的是花费了好几天的时间,最终是用:style+require解决的,不说了,上 代码:<div :style="backgroundDiv" class="background-img"></div><script> export default { data ...
2018-08-20 09:58:17 6826
原创 封装函数获取url的参数
queryURLParameter :function (url) { url = url.replace(/\*/g,"&"); var reg = /([^?&=]+)=([^?&=]+)/g, obj = {}; url.replace(reg, function () { obj[arguments[1]] = decod...
2018-08-05 17:06:55 529
原创 整理最全的清除浮动的方法
1、父级div定义伪类:after和zoom<style type="text/css"> .div1{background:#000080;border:1px solid red;} .div2{background:#800080;border:1px solid red;height:100px;margin-top:10px} .left...
2018-05-31 13:13:21 198
原创 如何解决跨域问题
1、什么是跨域?由于浏览器同源策略,凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。存在跨域的情况: 网络协议不同,如http协议访问https协议。 端口不同,如80端口访问8080端口。 域名不同,如qianduanblog.com访问baidu.com。 子域名不同,如abc.qianduanblog.com访问de...
2018-05-18 15:19:20 261
原创 浅谈闭包
1.闭包的定义闭包就是能够读取其他函数内部变量的函数。在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。2.应用场合设计私有的方法和变量当我们需要让局部变量发挥全局变量的作用时,可以考虑使用闭包3.优点(1)封装性 将变量私有化 不会污染全局变量(2)缓存性...
2018-05-18 14:38:42 216
原创 解决img图片底部3px
给样式添加: display: block 或者 vertical-align: top如果觉得对亲有用 帮忙点下赞哦!!!
2018-05-17 18:30:59 3154 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人