私密有料之前端开发，面试被问过哪些技术问题 ？

Question

                                                          在此，慕女神感谢评论区里积极分享的你们                                                                       谢谢你们一路支持着慕课网                                              下半场的评选中，慕女神持着认真态度选择了4位获奖用户                                                                    废话不多说，获奖名单如下：1、BinXu（获得T恤1件）http://www.imooc.com/u/2300274/bbs2、小平果（获得T恤1件）http://www.imooc.com/u/1878520/bbs3、importantError（获得图书1本）http://www.imooc.com/u/3374862/bbs4、imoocYiChao（获得图书1本）http://www.imooc.com/u/2379949/courses 欢迎大家转场到前端开发的分享栏目处于懵逼状态搞不懂这次活动的，请到主场“私密有料程序猿经验谈”了解清楚！记得要回来，别走丢了~~这次分享大礼包，慕女神不得不提醒你，非常非常的棒！！ヾ(o◕∀◕)ﾉヾ参与奖：慕课网原创设计T恤或书，每个奖品各选2名用户分享的内容：                                                                                                 1、面试中曾遇到哪些技术问题，你的解决思路？                                           2、开发过什么项目，遇到哪部分难题，又是如何克服的？                            参赛时间：7月21日--7月31日                                                                             奖品固然好，但是千万别忘记了我们这次分享的目的↓你的一次分享，将收获百倍于自己原本拥有的所以请用心，认真对待这次主题分享同样分享他人的果实的我们觉得有用的回答要点个赞，给他们无声的鼓励 ❤

Answer 1

前端超常见的五大问题：

1. 如何解决不同浏览器之间的兼容性问题，或者是否有遇到过兼容性问题，如何解决？

这一问题主要想考察面试者对于不同内核和不同版本（如css3和css，html5和html）的了解，所以主要聊一下知道的不同浏览器之前一些差异（如空格大小不同等）及不同版本如何兼容（做多种处理方法）之类的即可；

    2.一个网页从地址栏输入url到最后在浏览器中显示，中间经过了那些过程？

这个是网上比较多人认为问得较有水平的一个问题，需要了解整个从域名到Ip到具体请求的整个流程，原理可以一两句话简单概括，也可以讲得比较细致，但之后一般会牵引出面试官想要问的其他问题；

    3.Cookie、session、localStorage的区别和用法；

主要为了考察对于前端内容存储的一些问题，三者的明显区别，三者应该用在什么地方，什么情况应该用那种，可从这些方面进行回答；

    4.盒模型；

盒模型基本是前端学习的入门课，所以这也是比较多面试官想问的问题，考察基础；

    5.Doctype的意义、作用和具体内容；

Doctype用于声明DTD类型，但在Html5中已不再使用，所以这个问题会逐渐比较少问及。

Answer 2

前端向后端传值有那两种方式(回答get和post就错了)，应该是回答1、通过URL 2、JSON。

Answer 3

犹记的实习问过，position:absolute和float属性的异同，现在我就把详细的，加上度娘力量给大家完善~~

共同点：对内联元素设置float和absolute属性，可以让元素脱离文档流，并且可以设置其宽高。

不同点：float仍会占据位置，absolute会覆盖文档流中的其他元素。

Answer 4

说一下我的面试经验（女孩子(*^__^*) ）

无经验篇：（第一次找工作，去的小公司）

老板和项目经理给了一份面试题：50%职业技能相关，30%逻辑，20%遇见问处理方式，

然后就问我写过什么东西，用什么框架，学习能力，然后经过7天的无工资试用期，就进入实习期了。

有经验篇：（工作一年左右之后的面试）

1. 做过什么项目，用时多久（顺便看一下你的项目）

2. 会什么技能，最擅长什么

3. 用过什么框架，响应式，兼容，html5如何

4. 一般的技能（js,jquery,切图）

   
   

加油吧，少年！！！↖(^ω^)↗

Answer 5

以下是我们主管经常面试的问题，我就座在他旁边，所以现在总结下，希望能帮到大。

1. 先问你你之前做过的项目或者个人网站能展示自己的作品，看过之后问你下一个

2. 这个项目或者网站花了多长时间？js是否是自己写的还是找的插件。js jq熟悉程度怎么样？

3. 对响应式开发做过没？做过的话就会问你原理和一些相关问题，比如bootstrap框架之类的。

4. 对H5和css3是否熟练，还问画布canvas。以及css3动画

5. 移动端自适应怎么做？做过多少？基于H5 css  js的App混合开发做过没，了解多少

就大致这么多，很少问详细的技术性问题，有时也会问道一些简单的技术  （ps：主管不是技术大牛出身）

Answer 6

只面试过两次实习，小白一只。但是还是想发言：

1，浏览器兼容性问题；

2，有没有开发过项目；

3，盒模型；

4，问了一些JavaScript能实现的小功能；

5，HTML和css的一些常用标签。

6，哦，对了，还问了会不会jQuery

Answer 7

会不会H5 会不会响应式  会什么框架  会不会JS/JQ 

各个浏览器怎么兼容

看看项目

。。。

Answer 8

看着标题差点不敢评论的，其实我是励志成为一名优秀的Web前端程序媛的。

关于面试，因为找的是实习所以问得偏基础。遇到的问题大概有这些：JS方面主要包含数据类型、this、继承、闭包。CSS主要就是浮动、清除浮动、兼容问题、盒模型；HTML问过关于meta知道多少。

项目，做过一个网页版的日历。遇到的问题主要有每月第一天的显示、节假日、农历的显示。最初的时候主要参考别人的demo，大概弄懂整个事件是怎么回事之后，再自己整理思路。剩下的就是坚持和实际行动了。

最后，经过一系列的打击也好挫折也好之后，感觉到虽然前端要学的东西很多，各种库也很多，但是对于在校生而言，个人感觉可以多注重基础学习，有坚实的基础很重要。然后就是多实践了。加油~~

Answer 9

  1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。

   2、DOM操作 —— 如何添加、移除、移动、复制、创建和查找节点等。

   3、事件 —— 如何使用事件，以及IE和标准DOM事件模型之间存在的差别。

   4、XMLHttpRequest —— 这是什么、怎样完整地执行一次GET请求、怎样检测错误。

   5、严格模式与混杂模式 —— 如何触发这两种模式，区分它们有何意义。

   6、盒模型 —— 外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型

   7、块级元素与行内元素 —— 怎么用CSS控制它们、以及如何合理的使用它们

   8、浮动元素 —— 怎么使用它们、它们有什么问题以及怎么解决这些问题。

   9、HTML与XHTML —— 二者有什么区别，你觉得应该使用哪一个并说出理由。

   10、JSON —— 作用、用途、设计结构。

Answer 10

上次面试遇到的几个问题，要答案的就百度吧！

1. 常见的浏览器兼容有哪些？

2. ajax底层怎么运行的？

3. angular的运行机制？

4. 解释下promise的应用场景？

5. 解释写HTML5的元素有什么特点
   

Answer 11

最近面试了很多家单位，有的面试质量很高（不管是从面试官提问的角度还是自己回答的满意度），有的面试则明显感觉面试官是敷衍了事，所以今天我想说说这两种情况分别获得的经验和教训。

先说敷衍了事的情况吧，今天我去参加一个面试，因为天热路远，迟到了大概十五分钟，在进门的时候面试我的人正好和其他人谈事准备出来（看起来就是没有打算等我的样子），看到我到了，他让他的同事等他一会儿，于是，我的这场面试基本就是草草了事，没有问到哪怕一个技术细节，都是一些“你会不会XXX，做过什么类型的项目，用过XXX没有”这样很笼统的问题，让人感觉面试官对自己并不是很感兴趣。

出现这种情况，虽然不能说全部是自己的问题，但是我想，这和面试者给面试官的印象有一定关系：如果你在赴试时就表现出不在乎的态度，比如迟到、衣冠不整、精神不振等，面试官恐怕在第一映像上就会给予差评，谁会愿意聘用一个对自己不来电的人呢？相反，如果你保持一个饱满的精神状态，按时赴试，让自己表现出对面试很看重，这样面试官即使认为你的技术水平并不突出，也会给你留下一个好映像，这也为你的面试通过增加了筹码。

好了，除了敷衍了事的情况，接下来说说我在一些问得很深入的面试里遇到过的问题：

1、在页面布局方面，问的最多的就是响应式布局的原理和实现了，我是围绕media query和viewport来回答的，另外有一次提到了流式布局（flex布局），回答了它的实现方法和主要属性。另外，对position属性的四种值的理解也常被问到，还有zoom的用法等。

2、在H5和css3方面，最常见的问题就是“你见识了哪些新特性”，个人认为按照自己的了解程度来答就好，了解的不深入的最好是不要提，以免面试官继续追问、现场打脸。另外cookie、localstorage和session storage的异同和各自使用场景也是常常被问到的。感觉在对新技术的考察上，不同公司根据其业务内容有不同的侧重点，有的公司使用了H5 file API，他们就会问一些相关的问题，有的用到了H5 地理位置 的相关技术，也会在面试时问到。

3、在对js的考察上，问的最多的就是ajax、dom、闭包、继承、这些老生常谈的问题，对于这类问题，网络上已经枚举出了很多，大家可以上网搜索一下，再配合书籍各个击破，就能达到应付面试的水平。

4、对框架，问的最多的是jquery、zepto、angular、bootstrap这些了。感觉平时项目中使用框架，不要仅仅满足于会用，还要多总结和归纳一些细节点，做到脱离搜索引擎和教程，使每个小知识点都心中有数，否则当面试官问你一些很细节的知识点，比如append()和appendTo()的区别时，你都有可能答不上来。

希望能帮助到各位，让我们一起努力，共同进步吧！

Answer 12

刚刚看完zeptojs的一段简介，就发现了这个活动！作为一只准大四狗，在3月份的春招以及暑假都面试过一些公司，大大小小都有（都是电话面试），面试的题目都答案在每次面试后都做了整理，这里就简单的分享下，与君共勉qwq!

1、HTML部分

（1）列举出常见的内联元素和块级元素；

（2）<img>标签中title和alt表示什么；

（3）<img>标签中src属性为空时会发生什么？怎么优化；

（4）常见的input 类型有哪些；

（5）HTML，XHTML，XML三者的区别；

（6）对HTML5的了解程度，它有哪些新的特性；

（7）什么是语义化的html；

...(印象深刻就这些吧！)

2、CSS部分

（1）常用的选择器有哪些，优先级是怎样的；

（2）说说display的属性并介绍；

（3）position的属性并介绍？都脱离文档流了吗；

（4）各种居中问题（面试官可能会现场出题）；

（5）哪些样式是可以继承的；

（6）hack有哪些；

（7）使用float要注意什么；

3、JS部分

（1）说说JS和JAVA的区别；

（2）JS怎么定义一个类；

（3）JS继承机制；

（4）__proto__是什么；（这部分问的很详细）

（5）闭包是什么？用过吗；

（6）滑动效果怎么实现，扑克牌翻转呢；

（7）JS创建一个对象的方式有哪些；

（8）this是什么；

...

4，其他

（1）怎么解决跨域；

（2）http头信息里面有哪些东西，以及状态码；

（3）cookie和localstorage的区别和使用场景；

（4）点击enter键后，都发生了什么；

（5）bootstrap模态框原理；

（6）前端性能优化；

（7）网站攻击技术，比如xss，原理是什么；

（8）排序算法知道哪些，说说原理；

（9）ajax实现原理和状态码；

...

对于前端人员来说，大部分还算比较基础吧，面试中对原理的解释比较多，所以在学习的过程中很多框架之类的不仅要会用，最好要总结下，想想实现的原理，融会贯通吧！另外，提醒大家面试一定要提前做准备，包括自我介绍（吃了自我介绍结巴的亏，显得很没自信），也不要相信女孩子就会被降低要求，都要踏踏实实的学习（亲身体验）！

最后，秋招就要开始了，现在正在学习状态，希望能一起成长，加油吧~

Answer 13

这个必须答了：

BFC

作用域理解

var 和function

闭包

自己写的代码用过闭包吗

hoist

js框架

代码期间遇到的最困难的地方

项目上下级沟通联调

测试联调时你是怎么做的

做过移动端的吗

css3媒体查询

px rem em

css3新特性等

兼容性遇到过哪些问题，怎么解决的

经常用到哪些组件

项目是做什么的

自己开发过小的插件或组件吗

实现什么功能时会用到数组

操作数组的方法

最缺哪方面的东西

用原生js写过哪些东西，最好的是哪个

js中对面向对象的理解

对angular的看法

用js写过小游戏，有趣的东西吗，有没有自己的作品

Answer 14

1,预加载和懒加载的原理

2.简单的写一个轮播图

Answer 15

最近在找工作，准备看看大家写的经验。一看一共才2页，以为很少呢，一看才知道自己差距这么大啊！要花很多时间啊！

Answer 16

我还是大三准备进入大四，无疑是超稚嫩又很想进入职场的。就在这暑假我面试了一家规模中等的公司，说实话，也是我第一次进人家公司去技术面，心里没想着一定得过，但面试过程别太丢人了。

面试过程还是很轻松愉快的，面试官是个年轻的哥哥，与其说是面试，聊天更适合！他主要问了如下内容：

1、知道H5有什么新标签吗？

2、你会H5什么框架？

3、Js会用什么框架吗？

面试之后就没然后了，我总结了两点不通过的原因：

1、技能有待提高，应针对当下流行的前端技术充实自己！

2、时间上太短暂，大四上学期还是每天有课，作为开发人员应该至少能3~4天到岗。

Answer 17

我还没有面试过，只能为那些即将要面试的人加油

Answer 18

。。。