前端开发日常工作面试题

现在前端开发面试者也多起来了，很多时候面试者可能会稍微差一点，但我想说的是对面坐着那位招聘者更奇葩。我的这份面试题只是针对一些常用的技术点出的题目，而没有像某些招聘者喜欢表达自己看过多少开发牛掰书籍，然后对着面试者问一些{}=={}怎么怎么样，{}==={}怎么怎么样的问题，也没有一个方法里弹一个a变量，下面再给a赋值，如果他说不出上面的a为什么是undefined来就继续往这个方向问的问题。

这些问题其实看看书都会个差不多，但无奈我们中的好多人从开始做开发，一直都是改改bug啦，做一些特别日常的工作啦，很难接触这些偏僻的问题，如果再加上平时不是那么爱看书逛论坛也许还真说不出来。我开始就是这样的，但我现在依然不建议面试的时候一直问这些开发书籍里的便宜的小逗逗题目。因为我原来遇到过这样的情况，公司去了个原来是搞培训的讲师，面试题回答的头头是道，但到了工作中有点像初学者，项目经验少的可怜；我也是有一次面试的时候，对面坐着那哥们一直问这些问题，例如一个方法里传个{}进取，然后展开讨论，因为我准备面试这些学习的还算到位所以面试通过了。但之后的日常工作中其实还是日常工作，甚至有时候下来的任务是安个测试软件来测试，然后提bug。

下面是我相处的一些题目，后续还会继续append

HTML部分

1.   请简述你对doctype的理解

2.   简述html和xhtml的区别

3.   说出readonly和disable的区别，越多越好

4.   Table中td的水平居中和垂直居中的属性各是什么；

Td的一个表格占两行和占三列怎么写

5.   请简述你在平时工作中做页面工作的时候，页面元素div和ul都喜欢用于什么场景

6.   简述dl 和dd用于什么场景

7.   简述你在平时工作中对select标签的理解

8.   简述a标签中href属性的属性值及其作用

 

CSS部分

1.   请简述你知道的display的属性值和所用于的场景

2.   怎么让一个div水平居中

3.   _width:10px; 所写的是哪种浏览器下的兼容写法

4.   Webkit是哪种浏览器的内核？你平时调试前端问题喜欢用哪个浏览器？说说原因

5.   通常测试告诉我们说360浏览器下某个样式有问题，那么我们立马会想到哪个浏览器下的这个地方也会存在这样的问题？解决办法是什么？

6.   用a标签写一个width:50px;height:24px;圆角5px的蓝色背景,鼠标上移背景为黄色的按钮，并且鼠标形状上移后变为手型

7.   日常工作中复选框和后面的文字对其是怎么实现的

8.   Div内文字水平居中和垂直居中是怎么实现的

9.   简述你在日常工作中是怎么理解css 优先级的

 

JS部分

1.   简略写出你在日常工作中获取鼠标事件源的代码

2.   简述jquery中show()方法的大概实现思路

3.   假如$(“#demo”).a()  是要返回id是demo元素的宽度

那么请简略写出这个a()的实现代码

4.   每个浏览器的alert()弹出层的样式都是不同的，我们在项目中既想用alert()方法，又要在不同浏览器弹出层表现形式相同，这个时候怎么实现？

5.   简述为什么要减少使用全局变量？

6.   简略写出你在平时工作中是怎么获取一个元素的绝对坐标的

7.   写出两种把字符串”222”转换成数值型222的方法

8.   Ajax请求中，async属性的作用是什么

9.   简述你在日常工作中遇见的ajax跨域的解决办法

10. Onclick事件如果同时要调用两个a()方法，又不想出现方法覆盖的问题，应该怎么解决？

11. 简述对setTimeout的理解，用这个方法要注意什么？