前端开发跳槽最重要的面试题,速看!
Tina 2019-10-17 来源 : 阅读 1175 评论 0

摘要:想涨薪跳槽首先得明白面试官在想什么,虽然每个人对于一些问题的答案可能都有各自的想法,从你的回答中,面试官可以看出你的思考方向,风格内容,甚至对于工作的态度也能显现出来,所以在面试前做好十足的准备是十分重要的。

小编在这里为大家整理了部分应聘前端工程师相关岗位时可能会被问到的问题,希望大家在观看过后可以对面试有一定的帮助。


前端开发跳槽最重要的面试题,速看!


      通用问题库:

  1、你最近学到了哪些新知识?是通过哪种方式学习的?

  2、你最近遇到的技术挑战是什么?又是如何解决的呢?

  3、UI、安全、性能、SEO、可维护性或技术,你在构建Web应用程序时是如何考量这些因素的?比如先后顺序是什么样的?

  4、可以描述一下你通常创建网页时的工作流程吗?

  5、你能描述一下渐进增强和优雅降级之间的区别吗?

  6、请说出三种减少页面加载时间(感知或实际加载时间)的方法。

  7、如果你今年只可以掌握一种技术,你会优先选择什么?

  8、阐明标准和标准体(standards and standards bodies)重要性。

  9、浏览器一次可以从特定域中下载多少资源?(浏览器并发请求数)?

  10、Flash的Unstyled Content是什么? 你如何避免FOUC?

  11、阐明ARIA和屏幕阅读器是什么,以及如何使一个网站可访问。

  12、阐明CSS动画和JavaScript动画的优缺点。

  13、你为什么从事这个工作?是因为感兴趣吗?

  ......


       CSS 问题:

  1、描述BFC及其工作原理。

  2、请解释CSS sprites,以及如何在页面或网站上实现?

  3、“重置”和“规范化”CSS之间的区别是什么? 你会选择哪个,为什么?

  4、描述z-index和如何形成堆栈上下文?

  5、如何修复浏览器特定的样式问题?

  6、以视觉方式隐藏内容(并使其仅适用于屏幕阅读器)的不同方法是什么?

  7、你曾经使用过网格系统吗?如果是,你认为它怎么样?

  8、你用过媒体查询,或针对移动端的布局/CSS吗?

  9、编写高效的CSS有什么“陷阱”?

  10、使用CSS预处理器的优点/缺点是什么?你喜欢使用CSS预处理器吗?

  11、如何实现使用非标准字体的Web设计合成?

  12、说明浏览器如何确定与CSS选择器匹配的元素。

  13、解释一下你对框模型的理解,以及如何在 CSS 中告诉浏览器使用不同的框模型来渲染你的布局。

  14、什么是* {box-sizing:border-box; } ? 它有什么优点?

  15、相对,固定,绝对和静态元素之间的区别是什么?

  16、CSS中的'C'代表级联。在分配样式中如何确定优先级(可以列几个示例)? 你如何使用这个系统?

  17、你使用新的CSS Flexbox或Grid规范了吗?

  18、响应式设计与自适应设计有何区别?

  19、什么时候会选择使用translate()而不是绝对定位,为什么?

  ......


  HTML 问题:

  1、全标准模式,几乎标准模式和怪异模式有什么区别?

  2、在设计或开发多语言网站时,必须注意什么问题?

  3、将网页作为应用程序/ xhtml + xml存在什么问题吗?

  4、如何为含有多种语言内容的网页提供服务?·

  5、将HTML5视为开放式网络平台。HTML5的构建块是什么?

  6、描述cookie,sessionStorage和localStorage之间的区别。

  7、描述<script>,<script async>和<script defer>之间的区别。

  8、一般来说,在<head> </ head>和JS <script>之间</ body>之前放置CSS <link>通常是个好主意? 你知道什么情况下例外吗?

  9、你以前使用过不同的HTML模板语言吗?


  JS 问题:

  1、解释一下event delegation?阐明其在JavaScript中是如何工作的?

  2、解释一下JavaScript原型继承工作原理?

  3、你对AMD和CommonJS有什么看法?

  4、解释下为什么接下来这段代码不是 IIFE(立即调用的函数表达式):function foo(){ }();要做哪些改动使它变成 IIFE?

  5、匿名函数的典型用例是什么?

  6、你如何组织大型JS应用中的代码?

  7、宿主对象和内置对象之间有什么区别?

  8、函数Person(){},var person = Person()和var person = new Person()之间的差异?

  9、什么时候使用document.write()?

  10、特征检测,特征推断和使用UA字符串之间有什么区别?

  11、使用Ajax的优点和缺点是什么?

  12、解释一下javascript变量声明提升(hoisting)

  13、“attribute”和“property”之间的区别是什么?

  14、为什么扩展内置JavaScript对象不是一个好主意?

  15、文档加载事件和文档DOMContentLoaded事件之间的差异?

  16、什么是“use strict”? 使用它有什么优点和缺点?

  17、创建一个循环,迭代到100,同时输出“fizz”为3的倍数,“buzz”为5的倍数,“fizzbuzz”为3和5的倍数

  18、为何通常会认为保留网站现有的全局作用域(global scope)不去改变它,是较好的选择?

  19、为什么要使用类似load事件的东西? 有什么缺点? 你知道有什么替代品?

  20、请解释什么是单页应用 以及如何使其对搜索引擎友好seo?

  21、使用Promises和回调分别有什么利弊?

  22、使用一种可以编译成 JavaScript 的语言来写 JavaScript 代码有哪些优缺点?

  23、你用什么工具和技术调试JavaScript代码?

  24、阐明可变对象和不可变对象之间的区别。不可变对象的利弊是什么?如何在自己的代码中实现不变性?

  25、调用堆栈和任务队列之间的区别是什么?

  26、解释函数foo(){}和var foo = function(){}之间foo的用法差异

  ......


  性能问题:

  1、在代码中使用什么工具来查找性能错误?

  2、有什么方法可以提高网站的滚动性能?

  ......


  测试问题:

  1、测试代码有什么优点/缺点?

  2、使用什么工具来测试代码的功能?

  3、单元测试和功能/集成测试之间有什么区别?

  ......


  网络问题:

  1、传统认为,利用多域名提供网站资源会更有效是为什么?

  2、请描述从输入 URL 到网页加载完毕到显示在屏幕上整个流程。

  3、HTTP action是什么?请列举你知道的所有 HTTP action。


        科技引领新发展,学计算机就来职坐标。

本文由 @职坐标 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论
本文作者 联系TA

拧成一股绳,搏尽一份力,狠下一条心,共圆一个梦。

  • 1
    推荐岗位
  • 2867
    人气
  • 100%
    受欢迎度

已有3人表明态度,100%喜欢该职业规划老师!

进入TA的空间
求职秘籍 直通车
  • 索取资料 索取资料 索取资料
  • 答疑解惑 答疑解惑 答疑解惑
  • 技术交流 技术交流 技术交流
  • 职业测评 职业测评 职业测评
  • 面试技巧 面试技巧 面试技巧
  • 高薪秘笈 高薪秘笈 高薪秘笈
TA的其他文章 更多>>
测试 | 你究竟适不适合成为一名程序员?
面试技巧 100% 的用户喜欢
IT行业面试技巧,90%的人都不知道
面试技巧 100% 的用户喜欢
JAVA不知道如何面试?两年经验者告诉你!
面试技巧 50% 的用户喜欢
说说那些程序员必须掌握的核心算法!
就业趋势 0% 的用户喜欢
未来AI将在这些领域发光发热!
就业趋势 0% 的用户喜欢

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程