学习
weixin_43963309
这个作者很懒,什么都没留下…
展开
-
手机号脱敏处理
let len = num.length if (len && len > 4) { return num.substring(0, 3) + '****' + num.substring(len - 4, len) } }原创 2021-03-24 17:46:24 · 598 阅读 · 0 评论 -
ios对时间getTime()不兼容 导致undefined问题
在项目中需要获取一个时间戳,使用了new Date(time),安卓手机上可行,但在苹果手机上显示undefined,在谷歌浏览器的控制台打印出来,后来发现是ios对new Date()函数不兼容,主要是时间格式为:2019-3-21 12:00:00 在苹果上获取时间戳有兼容性问题 ,需要转换成 2019/3/21 12:00:00 才可以正确获取到时间戳。而安卓对两种数据格式都兼容2019-11-09 10:13:21 2019/11/09 10:13:21解决办法:let t = new Da原创 2021-03-23 23:25:43 · 994 阅读 · 1 评论 -
倒计时时分秒
可以利用递归思想做function countDown(time){// time: '2021/03/04 // * 注意:日期格式 最好不要传 2021-03-04 格式 有的浏览器不兼容 let expireDate = new Date(time)// 倒计时24小时 expireDate.setMinutes(expireDate.getMinutes() + 1440) expireDate = +expireDate l原创 2021-03-23 23:16:42 · 174 阅读 · 0 评论 -
【vue踩坑之报错记录】2
1.vue 中引用echarts 出现 "TypeError: Cannot read property ‘getAttribute’ of undefined"问题原创 2020-05-22 13:49:07 · 279 阅读 · 0 评论 -
数组循环失效问题
问题: 当在服务端获取到数据时,将其里面的属性值赋值到list里面,代码如下:if (res.code === 0) { console.log(res.data, 'ioio') res.data.forEach((item, index) => { this.list[index].text = item.enterprise_name this.list[index].value = i原创 2020-05-13 11:24:19 · 608 阅读 · 0 评论 -
vue踩坑之报错Error in nextTick: "InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': ''
Error in nextTick: "InvalidCharacterError: Failed to execute ‘setAttribute’ on ‘Element’: ‘’ is not a valid attribute name."这个错误是在template中出现了‘’符号 可能使用的不对 在上下文去找到这个地方 修改就 OK了...原创 2020-04-29 16:25:45 · 6554 阅读 · 1 评论 -
正则
正则验证验证汉字 字母 正数/([\u4e00-\u9fa5]+)|([a-zA-Z]+)|(^[+]{0,1}((\d+)|(\d+\.\d+))$)/验证汉字 字母 大于0的数/([\u4e00-\u9fa5])|([a-zA-Z])|(^[+]{0,1}(([1-9]+)|(\\d+\\.\\d+))$)/匹配汉字:[\u4e00-\u9fa5]匹配字母:[a-zA-Z]...原创 2020-03-31 09:41:53 · 149 阅读 · 0 评论 -
es6语法
在开发项目过程中,会遇到很多es6的语法,但是对某些语法使用不熟练,比如结构赋值,async await等。 仔细阅读了阮大佬的es6入门指导后,会逐步对自己不熟悉的部分进行总结。结构赋值数组的结构赋值数组的结构赋值是按顺序赋值的[a,b,c] = [1,2,3]console.log(a,b,c)[b,a,c] = [1,2,3]console.log(a,b,c)// 12...原创 2020-03-23 00:04:17 · 130 阅读 · 0 评论 -
关于项目的一些规范
在项目开发中,有时候会遇到一些代码书写规范问题,比如css规范,eslint报错等1、前端工程的目录规范目录规范dist 把包后的最终代码包src 开发目录components 组件pages/views 页面utils 工具函数封装store 状态管理package.jsonREADME.md2、BEM样式命名规范BEM的命名规范BEM(Bloc...原创 2020-03-15 19:04:44 · 110 阅读 · 0 评论 -
css3属性:calc()
css3 新属性在项目开发过程中中,遇到了一些css3的属性,比如calc属性,能实现自适应布局,还可以进行计算,在官网和一些文章中进行了解之后,做如下总结在做网页的过程中,我们会遇到有的元素的宽高为100%,如果自身还有其他的盒模型属性(margin,padding,border),会导致盒子被撑破(标准模式下,怪异模式除外),这样的情况下我们需要进行更复杂的计算,这样的问题,我们可以通过...原创 2020-02-25 23:58:50 · 292 阅读 · 0 评论 -
git常用命令
今天在合并分支的时候遇到一些问题,特此总结了一部分常用的git命令合并分支: 1.git branch -a 查看所有分支(包括远程和本地) 2.git checkout develop(切换分支,把要合并的分支合并到该develop) 3.git branch (查看当前分支) 4.git pull --rebase(合并前先rebase) 5.git merge...原创 2020-02-25 20:46:34 · 228 阅读 · 0 评论 -
css关于line-height属性
line-height:在最近的vue项目中,经常用到line-height,理解为行高,但是没有很深层次的理解,这里总结一下line-hei以及height。概念 :行高是指文本行基线间的距离,所谓基线,是指“英文字母”的下端沿,如图所示红线之间的距离就是行高,上行底线和下一行的顶线距离为行距,同行顶线和地此案距离为font-size大小当font-size等于line-height...原创 2020-02-17 22:18:02 · 1180 阅读 · 0 评论 -
伪元素:before&after
:before和after的使用1 “伪元素”,顾名思义。它创建了一个虚假的元素,并插入到目标元素内容之前或之后2. 必须有一个contnet属性来指定要插入的内容,可以为空3. 文档中它不实际改变什么。相反的,它们是像幽灵一般的元素插入在css中,他们对用户是可见的,可以通过css控制。4.伪元素不会出现在DOM中。这些元素不是真正的元素。因此,它们不是可用的。不要使用伪元素生成内容,是...原创 2020-02-11 23:35:53 · 102 阅读 · 0 评论 -
关于vue中对watch属性的理解
watch 监听数据用来监听data中定义的数据,当data中定义的数据发生了变化,那么watch中的key就会触发是一个对象,可设置多种类型的键值使用方式:watch: { resumeModuleInfo: { handler() { <!-- 数据变化时 执行该方法 --> this.initFilter() ...原创 2020-02-11 23:34:50 · 177 阅读 · 0 评论 -
vue项目如何设置某节点的最小高度
vue项目如何设置某节点的最小高度在本项目中,需要给一个dom设置最小高度最小高度=页面的高度 - 上一个节点到页面顶部的高度首先 在methods里面设置一个方法getRightHeight() { // 获取页面高度 let temp = document.getElementsByClassName('xxx')[0].offsetHeight // 获取heade...原创 2020-02-06 22:43:59 · 2698 阅读 · 0 评论