前端知识考核汇总2020-0709

CSS

1. 讲一下CSS中显示与隐藏的方法，至少将两种

使用CSS隐藏HTML元素的4种常用方法

1.1. 讲一下这几种隐藏方式的区别，占位不占位

CSS 实现div显示或隐藏的三种方法（display 和 visibility的区别）
不占位
1.display: none
2.position: absolute
占位
1.opacity: 0
2.visibility: hidden

2. 讲一下旋转的方法

2.1. 讲一下transform他都有哪些属性，作用是什么

CSS3 transform 属性
CSS3 transform 属性

3. 讲一下清除浮动的几种方式，作用是什么

清除浮动的四种方式及其原理理解
简单梳理一下清除浮动的几种方式

4. 讲一下CSS动画，他都有哪些属性，作用是什么

CSS3 动画

JS

1. 讲一下forEach和for in的作用

JavaScript forEach() 方法

1.1 讲一下map方法

1.2 讲一下for of 方法

1.3 讲一下forEach和map方法的区别

forEach与map的区别与用法

1.4 讲一下for in 和for of的区别

for in 和for of的区别

1.5 讲一下map filter forEach的区别

for循环、forEach、map、filter区别及效率分析

2. 讲一下你通常用的遍历方法有哪些，循环方法有哪些

js------10种循环方法
javaScript遍历对象总结

3. 讲几种数组方法，他的作用和效果是什么

JavaScript 数组方法
Array 对象方法

4. 讲几种对象方法，他的作用和效果是什么

js object 常用方法总结

Es6

(ES6代指ES6及以后，还会问许多ES6新增方法不止以下举例)

1. 讲一下箭头函数

1.更短的语法

//函数
function funcName(params) {   
    return params + 2; 
}
funcName(2);// 4
//箭头函数
let num = num =>num*2;
num(2);// 4

2.改变了this的指向，用箭头函数的话，this 就会一直是其上下文的原始绑定。

1.1. 讲一下this指向

ES6中箭头函数VS普通函数的this指向

2. 讲一下find方法的作用

返回数组内第一个通过判断的元素的值
JS中find方法

3. 讲一下ES6里的解构赋值，手写几种数组赋值，对象赋值，字符串赋值…赋值后得到的对象的值能改变吗？是深拷贝还是浅拷贝

4. 讲一下正则表达式

正则表达式

5. 讲一下模板字符串

模板字符串

VUE

1. 讲一下Vue中如何监听属性值变化，方法有哪些

Vue 中如何利用watch 监听对象中每一个属性的变化
Vue中如何监控某个属性值的变化

1.1 讲一下watch和computed的区别

Vue中computed和watch的区别
Vue 2.0学习笔记： Vue中的computed属性

2. 讲一下如何在Vuex中存储对象

vue 将数据保存到vuex中
vue - 将数据存入vuex中以及从vuex中取出数据

3. 讲一下父子组件怎么传值，兄弟组件怎么传值，跨层级传数据爷孙辈怎么传值

vue中组件通信(父子组件, 爷孙组件, 兄弟组件)
vue 父子组件传值，兄弟组件传值

4. 假如props需要传入多种属性，传入的可能是数组也可能是对象，你应该怎么写

  props: {
    childData: {
      type: [Array, object],
      default: () => [],
      required: true
    }
  },

5. 讲述一下Vue生命周期

vue生命周期的讲解

5.1 讲一下过滤器

vue之过滤器