2021-03-22

html

• 页面导入样式时，使用link和@import 有什么区别
  • link 是 html标签，@import 是css提供的
  • link 页面引入样式的时候加载，@import 引入的样式需要等页面加载完再加载
  • link没有兼容性问题，@import不兼容IE5以下
  • link可以通过js 操作dom 动态引入样式表改变样式，而@import不可以

css

• 圣杯布局和双飞翼布局的理解和区别，并用代码实现

  原文：https://www.jianshu.com/p/3046eb050664

  实现三栏布局的六种方式：圣杯布局、双飞翼布局、flex布局、绝对定位布局、表格布局、网格布局

• 圣杯布局

  • header、container、footer

  • 然后container部分定为三栏布局

    。。。
    

js

• 第1天 用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值

  • 可以拆分为下面几步

  • 1、生成一个长度为5的数组

  • 2、生成一个（2～32）之间的随机整数

  • 3、把随机整数插入数组内，如果数据arr已经存在与ran d相同的数字，则重新生成再插入【需要用递归实现，不能用for/while等循环】

  • 最终输出一个长度为5，且内容不重复的数组arr

    function insertArr(arr, i = 0, min = 2, max = 32) {
      const num = Math.max(min, Math.ceil(Math.random() * max))
      if (!arr[arr.length - 1]) {
        if (!arr.includes(num)) { 
          arr[i++] = num
        }
        return insertArr(arr, i) 
      }
      return arr 
    }
    const arr = new Array(5);
    const result = insertArr(arr)