2020前端知识点汇总(三)

1、隐藏元素的几种方法

display:none;
visibility:hidden;
opacity:0;
position:absolute;   left:-1000;

2、回答以下输出的类型

alert(typeof(“undefined”));//string
alert(NaN == undefined);//false
alert(NaN == NaN);//false
alert(typeof(null));//object
alert(typeof(NaN));//number
alert(typeof(undefined));//undefined

3、浏览器页面有哪三层构成，分别是什么，作用是什么?

• 浏览器页面构成：结构层、表示层、行为层
• 分别是：HTML、CSS、JavaScript
• 作用：HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务。

4、image和canvas在处理图片的时候有什么区别？

• image是通过对象的形式描述图片的。
• canvas通过专门的API将图片绘制在画布上。

5、响应式布局的时候，轮播图使用两张不同的图片去适配大屏幕和超小屏幕，还是一张图片进行压缩适配不同终端，说明原因？

• 最好使用两张不同大小的图片去适配大屏幕和超小屏幕，这样可以针对不同设备的屏幕大小，来加载响应的图片，减少超小屏幕设备的网络流量消耗，加快响应速度，同时防止图片在大屏幕下分辨率不够导致失真的问题。

6、简述同步和异步的区别

• 同步是阻塞模式，异步是非阻塞模式。
• 同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；
• 异步是指进程不需要一直等下去，而是继续执行下面的操作