`
MirrorAvatar
  • 浏览: 47946 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

一次前端开发电话面试总结(3月7日添加更新)

阅读更多

3月7日增加更新,以下是QQ上简单面试问的问题:

 

  1. 你有github账号或者是个人博客么?面试官对我说,面试的时候,对有博客有github的人印象会比没有的好些。有这些东西,说明平时爱总结、爱学习。知乎上有个答案:为什么 2014 年程序员薪资那么高?

     
  2. 你对我们公司了解么?为什么想来我们公司工作?
  3. 你的职业规划是什么?
  4. 你做前端遇到过的最难的问题是什么?具体在实现什么功能或者效果上遇到了这个问题。如何解决的?简单得写个demo。
  5. 前端工作里你遇到过什么很有挑战性的事情么?

 

--------------------------分割线-------------------------------------------------------------------------------------------------

 

上午参加了一个前端开发技术的电话面试,整理一下问的问题。

HTML部分

  1. 如何理解HTML语义化?
  2. HTML5有哪些标签?标签作用和区别?

CSS部分

  1. display:none和visible:hidden的区别是什么?
  2. position有哪些值,有哪些作用?

JavaScript部分

  1. 你对闭包的理解是什么?平时开发中的应用?
  2. 你对事件委托机制的理解是什么?
  3. 你对回调函数的理解是什么?平时开发中的应用?

其他问题

  1. jQuery(),可以传入什么参数?
  2. 有什么网上可以看到的作品?
  3. 这个作品的这个功能是如何实现的?
  4. 这个作品开发用了多长时间?

面试之后,搜了一下答案:

display:none与visible:hidden的区别

display:none和visible:hidden都能把网页上某个元素隐藏起来,但两者有区别:

display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。

visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到。

position有哪些属性:
可能的值 描述
absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。
relative 生成相对定位的元素,相对于其正常位置进行定位。
static 没有定位,元素出现在正常的流中
inherit 规定应该从父元素继承 position 属性的值
闭包的简单理解

关于闭包,最简单的描述就是 ECMAScript 允许使用内部函数--即函数定义和函数表达式位于另一个函数的函数体内。而且,这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个这样的内部函数在包含它们的外部函数之外被调用时,就会形成闭包。也就是说,内部函数会在外部函数返回后被执行。而当这个内部函数执行时,它仍然必需访问其外部函数的局部变量、参数以及其他内部函数。这些局部变量、参数和函数声明(最初时)的值是外部函数返回时的值,但也会受到内部函数的影响。

事件委托的理解
  1. 解释一下事件冒泡机制
  2. 使用事件委托技术能让你避免对特定的每个节点添加事件监听器;相反,事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件,找到是哪个子元素的事件。
回调函数的理解

在JavaScript中,回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式),就叫做匿名回调函数。

  1. 回调什么时候执行 回调函数,一般在同步情境下是最后执行的,而在异步情境下有可能不执行,因为事件没有被触发或者条件不满足。

  2. 回调函数的使用场合

    • 资源加载:动态加载js文件后执行回调,加载iframe后执行回调,ajax操作回调,图片加载完成执行回调,AJAX等等。

    • DOM事件及Node.js事件基于回调机制(Node.js回调可能会出现多层回调嵌套的问题)。

    • setTimeout的延迟时间为0,这个hack经常被用到,settimeout调用的函数其实就是一个callback的体现

    • 链式调用:链式调用的时候,在赋值器(setter)方法中(或者本身没有返回值的方法中)很容易实现链式调用,而取值器(getter)相对来说不好实现链式调用,因为你需要取值器返回你需要的数据而不是this指针,如果要实现链式方法,可以用回调函数来实现

    • setTimeout、setInterval的函数调用得到其返回值。由于两个函数都是异步的,即:他们的调用时序和程序的主流程是相对独立的,所以没有办法在主体里面等待它们的返回值,它们被打开的时候程序也不会停下来等待,否则也就失去了setTimeout及setInterval的意义了,所以用return已经没有意义,只能使用callback。callback的意义在于将timer执行的结果通知给代理函数进行及时处理。

  • 大小: 298.4 KB
9
0
分享到:
评论

相关推荐

    2017前端开发最新面试题

    在当前的IT行业中,前端开发领域始终保持着旺盛的生命力,技术更新迭代迅速,对开发者的要求也越来越高。2017年,尽管已是几年前,但那时的前端面试题仍然能反映出当时的主流技术和趋势,对于今天的开发者来说,仍...

    WEB前端开发工程师面试题

    本资源“WEB前端开发工程师面试题”包含了来自知名公司如百度、腾讯、海豚等的面试题目,旨在帮助求职者准备这些公司的面试。以下是对这些知识点的详细解析: 1. HTML(超文本标记语言):HTML是Web页面的基础,...

    Web前端开发经典面试题(附参考答案)

    ### Web前端开发经典面试题详解 #### CSS选择器的理解 1. **问题**: 下面有关CSS选择器的说法错误的是? - **选项**: - A. `.intro`---选择class="intro"的所有元素。 - B. `#firstname`---选择id="firstname...

    前端开发面试题大收集,前端面试集锦前端开发面试题大收集,前端面试集锦基于前端开发面试题大收集.zip

    前端开发面试题大收集,前端面试集锦前端开发面试题大收集,前端面试集锦前端开发面试题大收集,前端面试集锦前端开发面试题大收集,前端面试集锦前端开发面试题大收集,前端面试集锦前端开发面试题大收集,前端面试...

    阿里web前端开发手册.pdf

    "阿里web前端开发手册" 阿里web前端开发手册是一份详细的前端开发规范,涵盖了...阿里web前端开发手册是一份详细的前端开发规范,涵盖了前端开发的各个方面。遵循本手册的规范,可以提高前端开发的效率和代码质量。

    2021前端面试题.pdf

    前端面试题总结

    2024前端面试八股文2024前端面试八股文2024前端面试八股文

    2024前端面试八股文2024前端面试八股文2024前端面试八股文2024前端面试八股文2024前端面试八股文

    GitHub上最全的前端资源汇总包括前端学习前端开发资源前端求职面试等

    这份名为“Awesome-Front-End-learning-resource-master”的压缩包,显然是一个精心整理的前端学习资源大全,它涵盖了前端学习、前端开发工具以及前端面试准备等多个方面。下面将详细探讨这些知识点。 首先,前端...

    前端开发面试题2.pdf

    前端开发面试题2.pdf 本文档为前端开发面试题2.pdf,涵盖了 HTML、CSS 等前端开发基础知识。 1. Doctype?严格模式与混杂模式? Doctype 声明位于文档中的最前面,处于 <html> 标签之前,告知浏览器的解析器,用...

    web 前端年总结ppt模板

    本资源摘要信息提供了 Web 前端年总结 PPT 模板的主要内容和知识点,包括技术研发部汇报人、技术研发部工作总结、项目中存在的问题及改进、技术研发部的不足及总结、技术研发部的展望、Web 前端技术、框架开发、代码...

    java开发面试总结

    【Java开发面试总结】 在Java开发的面试过程中,面试官通常会关注候选人的技术栈是否广泛且深入。这里,我们重点讨论几个关键知识点,包括前端技术、JavaScript、Ajax、Java基础以及Web开发框架。 1. **前端开发...

    阿里巴巴前端开发规范.docx

    阿里巴巴前端开发规范.docx 阿里巴巴前端开发规范是阿里巴巴集团为了...阿里巴巴前端开发规范是一份非常重要的规范,涵盖了前端开发中的多个方面。遵循该规范可以提高前端开发的质量和统一性,提高开发效率和维护性。

    2023最新前端面试题总结

    "前端面试题总结" 以下是根据给定文件信息生成的相关知识点: 浏览器兼容性 在前端开发中,浏览器兼容性是一个非常重要的问题。不同的浏览器对 HTML、CSS、JavaScript 的解析和执行方式不同,这导致了同一个页面...

    最常见web前端开发面试题(一)

    【前端开发面试题详解】 前端开发面试题涵盖了各种技术领域,包括HTML、CSS、JavaScript、浏览器行为、性能优化以及开发工具的使用。以下是对部分面试题的详细解答: 1. **语义化的HTML**:语义化HTML意味着使用...

    2018年个人有关前端的职位年终总结

    这是一个个人在年终时 上台演讲 的 前端职位的年终总结

    前端开发面试题.html

    非常全面的前端开发面试题: HTML&CSS;: 对Web标准的理解(结构、表现、行为)、浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系,常用属性、布局、选择器、权重、盒模型、 Hack、CSS预处理器、CSS3...

    Web前端资源开发总结

    这份压缩包文件“Web前端开发”显然提供了丰富的学习资源,帮助初学者和有经验的开发者巩固和提升技能,同时为面试者准备了相关知识。 HTML(HyperText Markup Language)是网页内容的基础结构语言,用于描述网页的...

    阿里前端面试经历总结

    【阿里前端面试经历总结】 在面试阿里巴巴前端职位的过程中,求职者需要做好充分的准备,以展示自己的专业能力和个人特质。以下是一些常见的面试问题及应对策略: 1. **离职原因**: - 在回答离职原因时,应确保...

    5月最新大厂前端高频核心面试题.pdf

    标题中提到的是“5月最新大厂前端高频核心面试题”,而描述中则是复述了标题的内容,这表明文件是一份针对前端开发岗位的面试题集合,涵盖了HTML5、CSS3、微信小程序等多个前端技术领域的高频考点,适用于对前端开发...

Global site tag (gtag.js) - Google Analytics