知识精华—前端各种知识点汇总1

最新推荐文章于 2020-04-15 16:34:44 发布

GllWyz

最新推荐文章于 2020-04-15 16:34:44 发布

阅读量201

点赞数

分类专栏： # 知识精华总结文章标签： pointer-event 阻止点击事件的触发修改el-table中滚动条的颜色 vue总结知识精华总结

本文链接：https://blog.csdn.net/zhumizhumi/article/details/88687021

版权

知识精华总结专栏收录该内容

12 篇文章 0 订阅

订阅专栏

（1）解决display: inline-block空白的影响，给父元素添加font-size: 0，可以解决

<div class='floorZujian'>
    <div class="one">1</div>
    <div class="one">2</div>
    <div class="one">3</div>
    <div class="one">4</div>
</div>

 .one{
    width: 25px;
    height: 100%;
    display: inline-block;
  }

结果会发现最后一个子元素被挤了下来，解决方法

第一：给父元素添加一个font-size: 0

第二：也可以使用float等其他的方法

（2）强大的pointer-event属性

pointer-events: none;

第一阻止点击事件的触发

第二阻止hover和activecss伪类触发

第三把鼠标样式改称为默认样式（cursor:default）

恢复：

pointer-events: auto;

（3）element中改变table中的滚动条的样式

//滚动条的宽度
    .tableDataStyle .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }
    //滚动条的滑块的颜色
    .tableDataStyle .el-table__body-wrapper::-webkit-scrollbar-thumb {
      background-color: rgb(21, 5, 116);
      border-radius: 3px;
    }
    // 滚动条的背景色
    .tableDataStyle .el-table__body-wrapper::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 5px rgba(5, 3, 134, 0.3);
      background: rgba(5, 3, 134, 0.3);
    }

el-table自带的滚动条样式：

修改过的

（4）清空数组的一个有效方法，就是将length属性设为0

var arr = [ 'a', 'b', 'c' ];

arr.length = 0;
arr // []

（5）返回一个键盘【纯属装X使用】

(_=>[..."`1234567890-=~~QWERTYUIOP[]\\~ASDFGHJKL;'~~ZXCVBNM,./~"].map(x=>(o+=`/${b='_'.repeat(w=x<y?2:' 667699'[x=["BS","TAB","CAPS","ENTER"][p++]||'SHIFT',p])}\\|`,m+=y+(x+'    ').slice(0,w)+y+y,n+=y+b+y+y,l+=' __'+b)[73]&&(k.push(l,m,n,o),l='',m=n=o=y),m=n=o=y='|',p=l=k=[])&&k.join`
`)()

（6）Vue中使用setInterval，在路由改变的时候，setInterval还是会继续执行的，所以一定要记得清楚

created () {
   // 赋值给变量
   this.intervalid = setInterval(() => {
   }, 1000)
 }

beforeDestroy () {
   // 路由跳转的时候，清除
   clearInterval(this.intervalid)
}

（7）Vue项目中到底使不使用jquery

刚迈入工作的时候，前辈都是告诉我不用在项目中使用Jquery，所以我一直在我负责的工作项目中从来都没有引用过Jquery，就算有些逻辑最好的解决办法就是依赖Jquery的第三方插件，我也是没有使用过，但是我今天看到大神的文档，我觉得是：Jquery不能为了不用而不用，就如同Vuex不能为了用而用