某公司web前端面试题

296 阅读3分钟

1、display.none和visibility.hidden的区别

2、css的link和@import的区别

3、css选择符有哪些?哪些属性可以继承?优先级算法如何计算?css3增加的伪类有哪些?

4、为什么要初始化css样式?

5、请简述一个用户从地址栏输入https://github.com/后,到最后想要获取的页面信息,中间经历了哪些过程?

①查询ip地址

②建立tcp连接,接入服务器

③浏览器发起http请求

④服务器后台操作并做出http响应

⑤网页的解析与渲染

6、说说你对语义化的理解?

7、线程和进程的区别?

根本区别:进程是操作系统资源分配的基本单位,而线程是任务调度和执行的基本单位

在开销方面:每个进程都有独立的代码和数据空间(程序上下文),程序之间的切换会有较大的开销;
线程可以看做轻量级的进程,同一类线程共享代码和数据空间,每个线程都有自己独立的运行栈和程序计数器(PC),线程之间切换的开销小。

所处环境:在操作系统中能同时运行多个进程(程序);而在同一个进程(程序)中有多个线程同时执行(通过CPU调度,在每个时间片中只有一个线程执行)

内存分配方面:系统在运行的时候会为每个进程分配不同的内存空间;而对线程而言,除了CPU外,系统不会为线程分配内存(线程所使用的资源来自其所属进程的资源),线程组之间只能共享资源。

包含关系:没有线程的进程可以看做是单线程的,如果一个进程内有多个线程,则执行过程不是一条线的,而是多条线(线程)共同完成的;线程是进程的一部分,所以线程也被称为轻权进程或者轻量级进程。

8、js延迟加载的方式有哪些?

1、defer 属性
2、async 属性
3、动态创建DOM方式
4、使用jQuery的getScript方法
5、使用setTimeout延迟方法
6、让JS最后加载

9、document.write和innerHtml的区别

document.write是直接将内容写入页面的内容流,会导致页面全部重绘;
innerHTML将内容写入某个DOM节点,不会导致页面全部重绘;

10、ajax原理?同步与异步的区别

创建 XMLHttpRequest 对象,
在onreadystatechange 事件中,获取异步调用返回的数据,使用JavaScript和DOM实现局部刷新,
调用对象的方法规定请求的类型、URL 以及是否异步处理请求,并向服务器发送请求。
区别:同步:脚本会停留并等待服务器发送回复然后再继续,
异步:脚本允许页面继续其进程并处理可能的回复。

11、es6手写数组去重

Array.from(new Set([1, 1, 1, 2, 3, 2, 4]))
或
[...new Set([1,,2,1,2,3])]

12、align-item和align-content什么区别

13、rem和em的区别

14、node如何把pdf转world

15、less和scss的区别

16、重绘和回流

17、离线缓存