2021-10-04

周总结

1、总述

• 这周主要还是对js高级的一些知识点的梳理理解，其次是对已经学过去的一些css简单的回顾了一下

2、js高级部分

• js高级这块依旧是正常的学习，一些属性的了解使用时不可避免的，比较费劲的是js代码执行的理解上要多下功夫，一原型和闭包为代表的js的两座大山完全掌握还是比较难的，更多的是一步一步理解其中的运行流程，只有吧运行流程搞清楚了，才能应对开发中遇到的一些列关于这一方面的问题。

3、css回顾

• css这个的回顾，发现刚开是学习的时候漏了不少，温故而知新谈不上，更多的还是学习新知识。

• 清除浮动解决方案

  .clearfix{
      *100m:1;
  }
  .clearfix:after{
      content:"";
      display:block;
      clear:both; 
  }
  //和其他的具体优势说不出来，看着比较新颖就做个积累吧

• 文字超出宽度省略并显示省略号

  .div{
      white-space:nowrap;
      overflow:hidden;
      text-overflow:elipsis;
  }
  //这个感觉真的好用，解决了之前的一个问题，当时仅仅是做到了超出隐藏，省略号只是想着js如何判断然后动态添加上去，万万没想到css还可以这样玩

• 背景透明文字不透明----rgba

  //css
  //背景透明文字不透明
  #wrap{
      width: 300px;
      height: 300px;
      margin: 100px auto;
      background: rgba(0,0,0,.5);
      color: #FFFFFF;
      font-size: 30px;
      line-height: 300px;
      text-align: center;
  }
  //文字透明背景不透明
  #wrap{
      width: 300px;
      height: 300px;
      margin: 100px auto;
      background: rgb(218, 206, 206);
      color: rgba(0,0,0,0.1);
      font-size: 30px;
      line-height: 300px;
      text-align: center;
  }
  //html
  <div id="wrap">
      我是wrap
  </div>
  //当时遇到这个问题的时候确实处理的不怎么样，没想到居然可以这样，太神奇了😂