- 博客(8)
- 收藏
- 关注
RSS订阅原创 js巧用 ‘~‘运算符
在判断一些操作时 可以直接使用 ~ 位非运算符来代替判断数值例如:let str = 'abcde'; // 栗子console.log(~str.indexOf('e'));console.log(str.indexOf('e') > -1);两者的结果是相同的，位非运算实际上就是对数字进行取负运算，再减 1。例如：console.log( ~ 12 ); //返回值-13这样就完成啦...
2021-11-10 15:18:57
1461
原创 前端拦截器过滤接口
最近公司项目老有现场反馈，提交的字符被sql注入干掉了，我接到任务解决一下，过滤请求接口，判断一下是否存在会被屏蔽的字符，然后进行替换，在响应器之中再过滤一下替换过的字符，这样前端显示就没有问题了，在数据库里存储的就是被替换过的字符。
2021-11-10 11:22:40
1541
原创 js从完整路径中截取文件名和后缀，并且根据后缀添加类型图标
工作中遇到的截取文件名加后缀，写之后记录一下先看一下效果前面是我自己加的word图标和索引，我是用vue写的项目。从父组件里传来的对象是当前选中项的各项参数，watch监听该对象，当他变化时，添加各种参数到子组件中自己的数组里。先看下代码 data(){ return{ delImg, excel, ppt, word, pdf, del, fileList:[],
2020-08-05 18:18:58
1881
原创 css选择器之多项选择子元素
css选择器之多项选择子元素//选择循环的第10-18项加下划线li:nth-child(n+10):nth-child(-n+18){ border-bottom: 1px solid #DDDDDD; }
2020-07-14 15:05:24
1019
原创 element-ui input标签内 placeholder样式的修改
element-ui input标签内 placeholder样式的修改//在外层的div里写入，可以把input替换为textareainput::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999; } input::-moz-placeholder { /* Firefox 19+ */ color: #999; } input:-ms
2020-07-12 09:56:52
3430
原创 Vue 中做一个有选中效果的Tab标签栏
工作需要做了一个tab标签栏 记录一下下面是代码HTML<!--Tab标签栏--> <div class="mainTabA"> <div class="tabOption" v-for="(item,index) in tuijianList" :key="index" @click="changeActive(index)" :class="{activeTab : item.isActive}" >
2020-06-23 17:00:18
655
原创 css 渐变下划线
前端开发记录渐变下划线：border-bottom: 1px solid; border-image: -webkit-linear-gradient(to right,#ffffff , rgba(213,213,213,0.6) , #ffffff)1 10 1; /* 控制边框颜色渐变 */ border-image: -moz-linear-gradient(to right,#ffffff , rgba(213,213,213,0.6) , #ffffff)1 10 1;border-i
2020-06-19 15:36:52
1794
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人