原创 前端工程师求职面试题含答案

一名合格的前端工程师需要熟练掌握Web前端技术，像是比较基础的HTML5+CSS3必须要会，JavaScrip也需要很好等等。本文整理了前端工程师在求职过程中会遇到各类面试题，分别是HTML、CSS、JavaScript、ES6、计算机网络和浏览器等等相关的知识点。这些面试题也附上了答案，大家要是做不出来可以参考一下。

HTML：XHTML与HTML有什么区别？
　　

答案：

1、XHTML元素必须被正确的嵌套。
　　

2、XHTML元素必须被关闭。
　　

3、标签名必须用小写字母。
　　

4、XHTML文档必须拥有根元素。
　　

CSS：使用 CSS 实现隐藏元素的方式有几种 ？
　　

答案：

1、Opacity:设置一个元素的透明度 .hide{opacity:0;}
　　

2、Visibility .hide{visibility:hidden}
　　

3、Display: 确 保 元 素 不 可 见 并 且 连 盒 模 型 也 不 生 成 .hide{display:none}
　　

4、Position .hide{position:absolute; top:-9999px; left:-9999px;}
　　

5、Clip-path .hide{clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px};
　　

JavaScript：函数的作用域是什么？JS 的作用域你了解吗？
　　

答案：函数作用域的含义是指，属于这个函数的全部变量都可以在整个函数的范围内使用及复用(事实上在嵌套的作用域中也可以使用)。这种设计方案 是非常有用的，能充分利用 JavaScript 变量可以根据需要改变值类型的“动态”特性。全局变量：声明在函数外部的变量（所有没有 var 直接赋值的变量都属于全局变量）；局部变量：声明在函数内部的变量（所有没有 var 直接赋值的变量都属于全局变量）；全局变量在整个上下文都有效只是在没有赋值之前调用， 会输出undefined；函数作用域:是针对局部变量来说的，在函数中定义的变量在函数外不能获取；块级作用域:概念“{}”中间的部分都是块级作用域 ex：for while if ，js 中没有块级作用域，但是可以用闭包实现类似功能。
　　

ES6：ES6的继承和ES5的继承有什么区别？
　　

答案：ES5的继承是通过原型或者是构造函数机制来实现，ES6用过class关键字定义类，里面有构造方法，类之间通过 extends关键字实现，子类必须在constructor方法中调用super方法。
　　

计算机网络相关：https 有几次捂手和挥手？https 的原理什么是？
　　

答案：https是3次握手和4次挥手，和http是一样的。原理：https在传输数据前需要客户端(浏览器)与服务器(网站)之间进行一次握手,在握手过程中将确立双方加密传输数据的密码信息.TLS/SSL 协议是一套加密传输协议,使用了非对称加密,对称加密,以及 HASH 算法。
　　

浏览器相关：浏览器如何加载页面的，script脚本阻塞有什么解决办法，defer和 async的区别是什么？
　　

答案：从浏览器地址栏的请求链接开始，浏览器通过 DNS 解析查到域名映射的 IP 地址，成功之后浏览器端向此 IP 地址取得连接，成功连接之后，浏览器端将请求信息通过 HTTP 协议向此 IP 地址所在服务器发起请求，服务器接受到请求之后等待处理，最后向浏览器端发回响应，此时在 HTTP 协议下， 浏览器从服务器接收到 text/html 类型的代码，浏览器开始显示此 html， 并获取其中内嵌资源地址，然后浏览器再发起请求来获取这些资源，并在 浏览器的 html 中显示。

以上就是前端工程师求职面试题含答案的全部内容。大家要对一些问题要是弄不清楚，可以查漏补缺，赶紧复习梳理一下相关的知识点。衷心希望大家在求职面试的过程中，都能自信满满，超常发挥，顺利拿到offer。