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

发布时间:2019-10-28 19:41:42 浏览 2488 来源:博学谷 作者:照照

    一名合格的前端工程师需要熟练掌握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。

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: JavaScript主要作用是什么? 下一篇: 前端开发CSS清除浮动的方法有哪些?

相关推荐 更多

热门文章

  • 我做了10年程序员 最后Java架构师弯道超车
  • JavaEE极速就业班课程怎么样?有哪些优势?
  • 狂野大数据课程怎么样?项目实战多吗?
  • 狂野架构师课程培训哪些内容?能学会吗?
  • Spark SQL 结构化数据处理流程及原理是什么?
  • Java互联网架构师就业前景怎么样?待遇好不好?
  • 狂野架构师课程怎么样?Java架构师学什么内容?
  • 狂野大数据厉害吗?可以提升哪些核心技能?
  • 缓存淘汰策略有几种?要怎么用?
  • 软件测试极速就业班课程怎么样?零基础能学吗
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码