分享

前端js面试题补充

 秋观金地 2021-03-26

1.px、em与rem的区别

px代表是像素,是绝对单位,不会因为别的因素而改变大小。

em代表的是相对于父元素的字体大小,没有固定大小,根据其父元素的尺寸来定的相对值。

rem是css3新增的一个相对单位,相对根元素HTML,只要修改根元素就可以成比例的调整所有字体大小。   且IE8以前版本不兼容。

2.为什么要使用初始化样式

因为每个浏览器的兼容性不一样,每个浏览器都有各自的特点,会影响页面的实现,初始化样式就是为了解决这个问题。

3.什么是懒加载

懒加载就是延迟加载

4.为什么要使用懒加载

页面内容丰富,页面长,图片多,如果一次性加载完毕要等很长时间,所以才会用懒加载

5.懒加载的原理

就是先把页面中的图片统一使用一张图片占位,把真正图片路径存在元素的'data-url’(自定义属性)属性里,用时取出,设置替换src路径。

6.懒加载的优点

页面加载的速度变快,减轻服务器的压力,提高用户体验。

7.减低页面加载时间的方法

(1)可以减少页面中HTTP请求数量

(2)压缩合并js,css代码

(3)使用图片懒加载

(4)图片格式选择

8.工作中常用的浏览器,这些浏览器内核是什么

(1)Chrome(谷歌浏览器)       webkit        -webkit-

(2)Safari(苹果浏览器)           webkit       -webkit-

(3)Firefox (火狐浏览器)        gecko         -moz-

(4)IE(IE浏览器)                    trident         -ms-

(5)Opera(欧朋浏览器)          presto         -o-

9.=,==,===的区别

=为赋值,将后者赋值与前者

==是在比较前后的值是否相等,相等为true,反之为false

===是比较前后的值与类型,需要类型与值同时相同,则为true,反之为false

10.事件冒泡

是当事件触发后,其事件像水疱一样,从最里的元素开始向外冒泡,就是从实际元素到不实际元素

11.promise的介绍

promise是es6中的函数,是一种异步编程的解决方案,简单说就是通过promise对象的不同状态调用不同的回调函数

12.本地存储

(1)cookie数据会自动在web浏览器和web服务器之间传输,也就是说http请求发送时,会把保存在该请求域名下的所有cookie的值发送给web服务器,因此服务器端脚本是可以读,写存储在客户端的cookie的操作

(2)localstorage解决了cookie存储空间的不足的问题,cookie的存储空间为4k,localstorage中一般浏览器支持的是5M大小,且如不手动删除,则永久性存储

(3)sessionstorage是当当前会话结束后,其键值对就会被清空,一般浏览器支持的是5M大小。

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多