- 博客(20)
- 收藏
- 关注
原创 svg上篇
svg入门介绍什么是SVG?svg是可伸缩矢量图形的缩写全称全称Scalable Vector Graphics。它是一种图形格式,其中以XML指定形状。然后由SVG查看器呈现XML。计算机中图形分类一般可以分为两大类:位图,矢量图。位图(bitmap),亦称为点阵图像或栅格图像,是由称作像素(图片元素)的单个点组成的平时拍的照片就是位图,它是由一个个像素点组成,放大后就会模糊。 而矢量图更像是点到点的位置填充,没有分辨率概念,图像可以随意的放大或缩小不存在失真情况。svg兼容性svg图画创建
2021-06-04 09:30:54
896
3
原创 关于Object.defineProperty()
直接看图片1:默认选项结果以上两图可以说明默认选项的处理结果即:let Person = {}Object.defineProperty(Person, 'name', { value: 'lcm',})let Person = {}Object.defineProperty(Person, 'name', { value: 'lcm', configura...
2020-03-04 16:08:12
194
原创 vue 表单输入框按下回车键页面刷新 地址出现问号问题
表单输入框:回车后,重新刷新了页面,并且路由多了一个问号(且表单只有一个输入项情况)解决方案:el-from 加上 @submit.native.preventeg:<el-form @submit.native.prevent> </el-form>确切原因还在挖掘,有知道的朋友请不吝赐教,谢谢啦...
2020-03-03 11:35:24
909
原创 前端异常监控 sentry
问题:为什么需要监控?那就要说说我们的项目生产体系,在我们的开发阶段开发人员会产生一些隐式的代码问题如果这些问题没有在测试阶段被暴露那么这些问题就会被带入线上这部分问题就会被无限放大。。。为啥会这样?毕竟人是最不稳定因数,为了弥补这些我们在开发阶段进行代码格式化校验排除一部分显示错误,合并阶段进行codereview,测试阶段不断发现问题对系统不断优化。。。。尽管我们尽了一切努力依然没办法让我们...
2020-01-07 18:51:29
1246
3
原创 关于正则校验前后不一致问题
关于正则校验前后不一致问题自己做项目的时候遇到了一个神奇的事,就是遇到了校验前后不一致的。当时找了挺久后面发现是new RegExp()这个家伙的g属性,设置的全局匹配。RegExp有一个lastIndex属性,来保存索引开始位置。上面的问题,第一次调用的lastIndex值为0,到了第二次调用就不是0了所以导致了不一样的校验结果解决方案:1. const reg = new RegExp...
2019-12-16 14:04:00
1470
原创 axios取消重复请求
简言:项目中经常会出现重复的请求,比如:一个提交按钮被测试一秒内狂暴点击n+1次!bug单瞬间降临,而且可能一口气提出n个可优化点。(黑人问号.jpg)其结果就是产生了相同请求n次,后台就出现了n次提交记录,当然着非我们想要的。还有就是有些方法要监听页面的滚动拉伸来触发某些指定的请求,这也会造成请求被触发n次。所以就可以引出今天的主角cancel token首先:我们看一下axios的介绍说明...
2019-10-27 19:55:15
284
原创 element-ui resetFields()失效问题
说明:问题出现在el-dialog中,在dialog操作完成后对表单进行重置,然而发现并不行原因1:比如这个家伙忘记加了或者这个属性忘记加了原因2:这个家伙的格式给错了,或者值给错了也会造成这样的问题原因3:if (this.$refs.ruleForm) this.$refs.ruleForm.resetFields()最后加上这一句...
2019-09-20 11:56:38
564
原创 vue router 页面改变,url出错
描述:vue路由正确导航到所指的页面,但是地址栏的url却出现了问题(对比图3与图5地址栏)错误:图1问题在于“row.orderId”,因为在row这个对象内压根就没这个属性,导致params出问题,最后导致图三地址栏出现无地址的问题图2图3正确图4此时params取得到参数,不报错!图5...
2019-08-27 14:36:21
361
原创 element-ui 表单校验 this.$refs[formName].validate() 不执行 解决方案
1: 确保每一个prop都写在<el-form-item>标签上eg: <el-form-item label=" " prop="checked" >2:确保每个验证函数一定调用了callback()函数,不管通过与否都必须调用callback()回调函数!!!3:打印this.$refs[formName]看能不能取到,如果不行说明没有取到,重新检查一下ref是否...
2019-08-12 15:29:29
2671
原创 记录一些Mac快捷键的使用
1:要在桌面上创建新文件夹,请单击桌面并按【shift + cmmand + n】2:给文件夹重命名直接选中按下回车键3:浏览器tab页面切换【option+command+左右箭头】4:截屏【shift+command+3】,自定义截取范围【shift+command+4】5:关闭浏览器tab页【command+w】,打开新tab页【command+t】6:开启浏览器控制台...
2019-05-09 21:26:18
181
原创 前端 xxx = xxx && xxx , xxx = xxx || xxx到底什么意思
经常有人问这个什么意思,今天就来简单说明一下const a = b && cif (b) { a = c} const a = b || cif (b) { a = b} else { a = c}
2019-05-07 17:53:19
1048
原创 vue+websocket使用
前言:我们前端开发难免会遇到一些东西是后端主动发起的,正常情况都是前端请求接口口后端答复,那么在一些特殊情况下可能需要实时数据,那么这样问题就来了,怎么做?用轮询?当然可以,只不过看使用场景,不过建议还是使用websocket来做会比较好,那么本文简单介绍一下在vue项目中如何使用websocket建立长连接1:何为Socket.ioSocket.io是一个用 JavaScript 实现的实...
2019-04-30 10:52:58
2720
原创 vuex注意非法改动
当你从state里提取某个值的时候,注意不要对这个值进行操作,做好是拷贝一份进行操作然后再通过“合法的方式”eg:this.$store.commit(“事件名”, val)对state进行改动,这样其实有很多好处,对于数据的追踪还有统一性有很大帮助另外基础数据类型直接改动会直接报错,但是对于“复杂数据类型”(obj&arr)改动却是“静默”的,这个很要命!如果你非要这么做请在计算...
2019-04-29 23:23:31
201
转载 简洁明了clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop、height、innerHeight、outerHeight
每个HTML元素都具有clientHeight offsetHeight scrollHeight offsetTop scrollTop 这5个和元素高度、滚动、位置相关的属性,单凭单词很难搞清楚分别代表什么意思之间有什么区别。通过阅读它们的文档总结出规律如下:clientHeight和offsetHeight属性和元素的滚动、位置没有关系它代表元素的高度,其中:clientHeight:包...
2019-04-29 10:20:33
544
原创 前端开发如何隐藏滚动条
本文仅提供思路1:设置两个div。比如你想隐藏右侧的滚动条,你可以将这个滚动区域在加入另一个div,这个div设置overflow: hidden,同时将这个div的宽度设置比内容div宽度小一些,你就可以看到滚动条被遮挡了2:如果觉得第一种方式麻烦可以将内容div进行内缩进比如margin-right: -20px也是可以达到效果的...
2019-04-19 19:15:16
1440
原创 css超出宽度用点代替 ...
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;样式设置在指定的外包围标签上
2019-04-19 11:38:44
751
原创 常用的git操作
1删除本地分支:git branch -d “branchname”2删除远程分支:git push origin --delete “branchname”3拉取远程分支新建(本地没有的)并关联:git checkout -b 本地分支名 origin /远程分支名4清空工作区change:git checkout src 清除src下的所有改动(要清楚知道自己在做什么,此操作不可逆...
2019-04-16 14:57:36
190
原创 简谈v-if与v-show
谈谈自己对v-if与v-show的简单理解1:v-if dom、事件监听器、子组件适当地被销毁和重建但是v-if也会高效的利用v-if “块内的元素”,这点要注意,如果完全不需要复用可以添加key属性进行完全销毁重建2:v-show 其实只是简单的样式切换,不会对dom、事件监听器、子组件适当地被销毁和重建,切记只是样式切换!!使用v-if 还是 v-show 其实取决于场景,如果你...
2019-04-15 18:05:38
176
原创 关于el-table表头自定义
开发过程中多多少少都会遇到一些有意思的需求,有的时候真感觉做不了,在不抱希望的时候又回去看了element的文档,原来文档就提供了解决方法,只是自己没去细看,这也导致占用了很多时间去摸索回到正题el-table表头自定义其实element也没有写具体的使用实例,但是这并不是问题,既然有方法那就肯定可以做呀很激动有木有哈哈哈具体使用示例:现在我们需要知道它如何使用在文档中有一个h代...
2019-04-15 17:09:31
1071
原创 关于element el-select失效
1:vue data中写一次这个el-select 的绑定的属性绑定声明<- - - - - - - - - - - - - - – - - - - - - - - - - - - - – - - - - - - - - - - - - - – - - - - - - - - - - - - - ->2:使用vue $set进行更新(监听更新)eg:this.$set(thi...
2019-04-14 10:43:55
4964
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人