第六天

  • 题目来源: 前端每日知识3+1

Javascript题目

题目 : 写一个去除制表符和换行符的方法(js)

问题解答

解题思路

  • 写一个去除制表符和换行符的方法, 使用正则方法匹配去除

正则替换

  1. function detab(str) {
  2.   return str.replace(/[\t\r\f\n\s]*/g, '')
  3. }
  4. console.log(detab('\tdaw\ndawds  '));

知识扩展

  • \f 匹配换页字符.
  • \n 匹配换行字符.
  • \r 匹配回车符字符.
  • \t 匹配制表字符tab.
  • \v 匹配垂直制表符.

css扩展

原理BFC

  1. BFC内部的盒子，会在垂直方向，一个接一个地放置。垂直方向上也会发生边距重叠。
  2. BFC就是页面上的一个独立容器，容器里面的子元素不会影响到外面的元素，外边的也不会影响里边的。
  3. BFC的区域不会与float重叠。
  4. 计算BFC的高度时，浮动元素也被计算在内。

形成条件

  1. html 根元素
  2. float的值不是none
  3. position 的值不是static或者relative
  4. display的值是inline-block, table-cell, table-caption, flex, -line-flex
  5. overflow的值不是visible

解决问题

  1. 解决浮动子元素导致父元素，高度坍塌的问题
  2. 解决文字环绕在float 四周的情况
  3. 解决边距重叠问题 （父子，兄弟，空元素等）