2020-09兴盛优选前端开发笔试题(不全)_兴盛优选前端面试题

1、哪些是行内元素，哪些是块级元素，区别？

块级元素：
总是在新行上开始；
高度，行高以及外边距和内边距都可控制；
宽度缺省是它的容器的100%，除非设定一个宽度。
它可以容纳内联元素和其他块元素

行内元素：
和其他元素都在一行上；
高，行高及外边距和内边距不可改变；
宽度就是它的文字或图片的宽度，不可改变
内联元素只能容纳文本或者其他内联元素

对行内元素，需要注意如下：
设置宽度width 无效。
设置高度height 无效，可以通过line-height来设置。
设置margin 只有左右margin有效，上下无效。
设置padding 只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的。

引用:https://www.cnblogs.com/yanqiu/p/8987126.html

2、relative和absolute的区别，relative和static的区别

relative 和absolute

1、文档流不同
relative 不脱离文档du流，absolute 脱离文档流。
2、分级不同
relative 参考自身静态位置通过 top(上),bottom（下dao）,left（左）,right（右） 定位，并且可以通过z-index进行层次分级。
absolute通过 top,bottom,left,right 定位。选取其最近的父级定位元素，当父级 position 为 static 时，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。
3、定位不同
absolute是绝对定位，绝对定位就是相对于父元素的定位，不受父元素内其他子元素的影响；而relative是相对定位，相对定位是相对于同级元素的定位，也就是上一个同级元素。

relative和static
static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。
relative 不脱离文档流，参考自身静态位置通过 top,bottom,left,right 定位，并且可以通过z-index进行层次分级。

3、水平垂直居中的方法（越多越好）

在我另一篇前端面试里有：https://blog.csdn.net/weixin_44276128/article/details/108290939

4、js中的基本类型和引用类型

基本类型：undefined、null、string、number、boolean、symbo（ES6）
普通基本类型：undefined、null、symbol（ES6）
特殊基本包装类型：string、number、boolean
引用类型：Object、Array、RegExp、Date、Function
区别：引用类型值可添加属性和方法，而基本类型值则不可以。
基本类型
基本类型的变量是存放在栈内存（Stack）里的
基本数据类型的值是按值访问的
基本类型的值是不可变的
基本类型的比较是它们的值的比较

引用类型
引用类型的值是保存在堆内存（Heap）中的对象（Object）
引用类型的值是按引用访问的
引用类型的值是可变的
引用类型的比较是引用的比较

5、mixins监听相关

6、const docWrite = doucment.write

docWrite(“hello world”) 输出是什么？要是报错该怎么改（至少两种方法）

7、Vue中的Watcher和Dep

8、JS事件循环相关，需要写10行控制台的输出

9、canvas相关的编程题

10、附加，上一题中，若网页中需要显示10000张图片，怎么优化（记不全）