interview.md

HTML5 新增的特性：video audio canvas svg code main time output progress mark(高亮的引用文字) menu template nav aside footer/header section
CSS3 新增的特性：它被划分为模块，选择器，框模型，背景和边框，文本效果，2D/3D 转换 ，动画，多列布局，用户界面

HTML5 新增的特性: video andio code canvas svg time template section main footer/header nav menu output asider progress mark
CSS3 新增的特性：有八个模块- 选择器，框模型，背景和边框，文本效果 2d/3d 转换 动画 多利布局 用户界面

块元素有：div ul li dl dt dd p h1-h6 from
行元素: a b span img input strong select lable em button

区别就是：

1. 独霸一行，总是在新一行开始
2. 没有设置宽度的话就会继承父级的 100%宽度
3. 高度，行高，内外边距都可以设置
4. 可以容纳其他内联元素和其他块级元素

• 行元素区别

1. 行元素总是和其他元素在一行
2. 高度，行高，内外边距都不可以改变
3. 宽度和内容一样快，不可以改变
4. 行内元素只可以容纳文本或者行内元素，margin 和 padding 的上下无效，左右有效，可以用 line-height 设置高度。

箭头函数和普通函数的区别

1. 箭头函数是 ES6 的 API
2. 箭头函数本身没有 prototype(原型),所以箭头函数本身没有 this
3. 箭头函数的 this 指向在定义的时候继承自外层的第一个普通函数的 this
4. 下面就讲述在一个普通函数中定义箭头函数，在另一个普通函数中执行箭头函数
5. 不能直接修改箭头函数的 this 指向，但是我们可以通过间接的方式来修改箭头函数的 this,去修改箭头函数继承的普通函数的 this ，箭头函数自身也就发货所能了改变
6. 箭头函数外层没有普通函数，严格模式还是非严格模式下，箭头函数的 this 都会指向 windows(全局对象)
7. 唔，这个问题实际上是面试官提出来的，当时我认为的箭头函数规则就是：箭头函数的 this 指向继承自外层第一个普通函数的 this，现在看来真是不严谨(少说一个定义的时候)，要是面试官问我：定义和执行不在同一个普通函数中，它又指向哪里，肯定歇菜…
8. 在非严格的模式下会指向全局对象，在严格的模式下会指向 undefind
9. 箭头函数外层没有普通函数，严格模式和非严格模式下箭头函数的 this 都会指向 windows 全局对象
10. 学箭头函数的时候，学到另一个知识点 ES6 的 rest 参数 … 扩展符
11. 箭头函数都是匿名函数，都不用写 function
12. 箭头函数只有一个参数的时候可以省略 () let f = a => a // 传入 a 并返回 a 相当于 f(a){ return a }
13. 箭头函数只有一条语句的时候可以省略 {} 和 return
14. 箭头函数用圆括号是正确的写法 let fun = (a)=>({a})
15. 箭头函数相对于普通函数语法更加简洁优雅
16. 箭头函数不支持 new.target
17. 使用 new 调用箭头函数会报错，因为箭头函数没有 constructor
18. 箭头函数 this 取值于外部普通函数的 this ，不能直接修改或者通过 call apply bind 修改箭头函数的 this 值，但是可以修改外部普通函数的 this 值来修改箭头函数的 this 值，还可以调用。

css 隐藏页面元素有哪些方法

1. display:none; 这个是彻底的隐藏元素，从文档流中消失，不占据页面空间的大小，也不能进行交互，更不会影响布局。
2. z-index:-999 原理是将层级放到底部，这样就被覆盖了，也是看起来就是隐藏了
3. opcity:0; 本质上是将元素的透明度设置为 0，看起来是隐藏了，但是还会占据页面空间的大小和进行相对应的交互。
4. overflow:hidden; 只隐藏元素溢出的部分，但也据页面空间的大小，不能进行交互。
5. tranfrom：scale(0,0); 平面变换，只是把元素缩小为0，占据空间，不可交互
6. visibility：hidden;占据空间，不可交互

// sum = (这里写的是 sum 传的参数 xxxx)
export const sum = (xxxx) => xxxx.reduce((res, ele) => (res += ele), 0);
export const sum1 = (xxx) => xxx.reduce((res, ele) => res * ele, 1);
export default sum;

forEach 函数

• foreach 循环用于列举出集合中所有的元素
• foreach 语句中的表达式由关键字 in 隔开的两个项组成。
• in 右边的项是集合名，in 左边的项是变量名，用来存放该集合中的每个元素。

该循环的运行过程如下：每一次循环时，从集合中取出一个新的元素值。放到只读变量中去，如果括号中的整个表达式返回值为 true，foreach 块中的语句就能够执行。一旦集合中的元素都已经被访问到，整个表达式的值为 false，控制流程就转入到 foreach 块后面
的执行语句。

const array = ["aaa", "bbb", "ccc", "ddd"];
array.forEach((item, index) => {
  console.log(item); // aaa bbb ccc  ddd
  console.log(index); // 0 1 2 3
  console.log(arr); // 每一次都展示一次数组
});

filter 函数

const arr = [11, 22, 33, 44, 55, 66];
const getArr = arr.filter((item) => {
  console.log(item); // 打印数组的每个元素   11, 22, 33, 44, 55, 66
  return item > 11;
});
console.log(...getArr); // 22 33 44 55 66
},

在 上使用 v-for

• 不想套标签就用 <template> 可以用 v-for

<ul>
  <template v-for="item in xxxx">
    <li>{{ xxxx }}</li>
  </template>
</ul>

1121

• 8种基本数据类型

1. 基本数据类型 String number boolean
2. 复合型数据类型 Object Array function
3. 其他数据类型 null undefined