黑马程序员技术交流社区

标题: 前端面试技巧之笔试题分析 [打印本页]

作者: 就业高冷派    时间: 2017-12-24 21:38
标题: 前端面试技巧之笔试题分析
本帖最后由 就业高冷派 于 2018-1-3 16:47 编辑

前端面试技巧之笔试题分析

公司名称:陕西西建大聚慧软件科技有限公司,
公司地址:西安市碑林区雁塔路北段8号万达广场第2栋1单元6层601-604室
公司规模:公司大约有50多人,办公环境挺大
主要业务:自己有产品,也接外面的项目外包。



这家公司进去是笔试, HR面试的,说项目经理出差了,人事聊的还可以,说等项目经理回来以后再服饰。主要说下笔试题吧!

1. CSS css盒子模型又称框模型 (Box Model) ,包含了元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个要素。

2.xhtml是html的4.0版本,其中,最主要的区别有:XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素

3. 块级元素:div  , p  , form,  ul,  li ,  ol, dl,    form,  address,  fieldset,  hr, menu,  table
   行内元素:span,strong,em,br, img , input, label, select,textarea,cite,  

4. id选择器,类选择器,属性选择器,后代选择器,子元素选择器,
不可继承的:display、margin、border、padding、background、height
能继承的:visibility和cursor,line-height、color、font、font-family、font-size、font-style、font-variant、font-weighttext-decoration、text-transform、direction。
@important的权重是最高的。

5.html,css,js分为结构层,表现层,交互层

6. 主流浏览器对html5的支持情况  
(1)Chrome,Firefox:支持html5很多年,而且有自动升级,支持最好。  
(2)Safari,Opera:同样支持html5很多年,支持也很好。  
(3)IE:IE10起比较好了,之前的6,7,8比较差。

7.⑴、css浮动边距加倍错误(双倍边距BUG)的解决办法   该错误只影响ie而不影响其他浏览器,我们可以考虑用hack来解决!!!  
解决方法:_display:inline;
⑵、扩展框问题  原因:无法将内容放入固定宽度或固定高度的框中,则框会扩展以适应内容,而不是让内容溢出框外。
解决方法:overflow: hidden
⑶、png图片的问题,   IE6一下版本不支持png图片的格式;
⑷、三像素文本慢移   Ie6里面的banner部分折成三行,  解决方法:在IE6中让最后一个盒子减少三个像素,这就需要用到!important这个关键字了(让其它盒子也可以,那个方便就设那个)或者:zoom:1;
⑸.在IE6里,浮动元素的子元素如果定义了高度,则其子元素的宽度是其上一个不浮动的祖先元素的100%,
解决方法:一是不给其子元素设固定高度(只设行高),二是也让这个子元素变成浮动元素。

8. css reset指的是重置浏览器的默认样式
因为现在的浏览器很多,并且每个浏览器都有自己的默认样式,这样就会导致一个页面在多个浏览器下展示产生差异,所以我们需要做一些处理使每个浏览器下展示一致,故需要css reset
(4)缺陷:并不是所有的标签都有默认的margin,padding,reset而且连后面有用的样式也干掉了,并且在移动端和电脑端有bug

9.雪碧图,也叫精灵图。background-position 属性设置背景图像的起始位置。

10.一半项目资源分类管理,还有就是吧js从底部压缩,css放在顶部压缩,采用cdn缓存,等

11. HTML 标签语义化是让大家直观的认识标签(markup)和属性(attribute)的用途和作用。Header   main,nav,article,section,aside,footer,small  等。

12.清除浮动有4种方式,
使用overflow属性来清除浮动,使用额外标签法,使用伪元素来清除浮动(after意思:后来,以后),使用双伪元素清除浮动。一般采用第四种方式清除浮动。

13.unll,undefined,NaN,string,number,object

14.split()将一个字符串分割为子字符串,将结果作为字符串数组返回,若字符串中存在多个分割符号,亦可分割。
join方法把数组中的所有元素放入一个字符串中

15.普通添加事件的方法不支持添加多个事件,最下面的事件会覆盖上面的,而事件绑定(addEventListener)方式添加事件可以添加多个。

16.脚本的差异,css的差异,还有获取鼠标当前位置,以及获取窗口高度和宽度的差异。

17. get是把参数数据队列加到提交表单的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内2、get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。3、get安全性非常低,post安全性较高。

其实笔试题并没有大家想象的那么难哦,都是我们平时学过的或者老师拓展的知识,只要把细节把握到位,其实面试是很so easy的。本文中的笔试题由于个别题目范围较广,所以答案有所精简,欢迎大家提出补充。



作者: 逆风TO    时间: 2017-12-26 10:20
给力,喜欢喜欢
作者: 小西姐姐    时间: 2017-12-26 10:24
666  这波很精彩
作者: 大安    时间: 2017-12-26 11:06
手动点赞!支持你们!
作者: 渐暖    时间: 2017-12-26 11:07
很详细,感谢分享~
作者: 就业高冷派    时间: 2018-1-5 11:02
逆风TO 发表于 2017-12-26 10:20
给力,喜欢喜欢

啦啦啦啦
作者: 就业高冷派    时间: 2018-1-5 11:02
小西姐姐 发表于 2017-12-26 10:24
666  这波很精彩

啦啦啦啦
作者: 就业高冷派    时间: 2018-1-5 11:02
大安 发表于 2017-12-26 11:06
手动点赞!支持你们!

啦啦啦啦
作者: 就业高冷派    时间: 2018-1-5 11:02
渐暖 发表于 2017-12-26 11:07
很详细,感谢分享~

应该的
作者: 同心筑梦    时间: 2018-6-11 11:02

作者: 小公举    时间: 2018-6-11 11:17
好厉害啊,羡慕,我也要成为像你们一样的人,感谢分享
作者: hello!!!    时间: 2018-6-11 11:17
感谢分享噢噢噢噢哦哦哦哦哦哦
作者: ouweina    时间: 2018-6-11 11:18
好厉害啊,羡慕,我也要成为像你们一样的人,
作者: 专找bug    时间: 2018-6-11 11:19

感谢分享噢噢噢噢哦哦哦哦哦哦
作者: 从容微笑    时间: 2018-6-11 11:21
好棒哦~·
作者: wangxue123456    时间: 2018-6-11 11:37
很多东西从不会等你,譬如时间。
作者: 多喝点热水~    时间: 2018-6-11 11:49
               
作者: 疯子小花花    时间: 2018-6-11 12:48

作者: caoping    时间: 2018-6-11 13:15

好厉害啊,羡慕,我也要成为像你们一样的人
作者: yy1134787753    时间: 2018-6-11 13:39
感谢分享,好厉害
作者: 兮兮哈哈    时间: 2018-6-11 14:48
66666666666666666666666666666
作者: 淡写薰衣草的香    时间: 2018-6-12 11:15

作者: 小丹子    时间: 2018-6-12 12:09

作者: 仙人掌sandy    时间: 2018-6-12 13:23
干货呀,非常棒,赶紧学习学习
作者: 小航子    时间: 2018-6-12 16:00

感谢分享,好厉害
作者: zhuyanting    时间: 2018-6-12 17:23
多多分享面试资料哦
作者: duanshaobo    时间: 2018-6-14 10:44
曾经模糊的幸福,越来越模糊
作者: ruoquan    时间: 2018-6-14 13:02
赞,感谢分享
作者: 影@子~    时间: 2018-6-14 14:51

手动点赞!支持你们!
作者: 半个程序员    时间: 2018-6-14 15:36
额额,,,,,,,,
作者: xiaoheizi    时间: 2018-6-14 15:59

作者: hongping    时间: 2018-6-14 16:01

作者: 1098018910    时间: 2018-6-14 16:13

手动点赞!支持你们!
作者: 这是一个师哥    时间: 2018-6-14 16:23
厉害厉害厉害厉害厉害厉害
作者: 大晨晨    时间: 2018-6-14 16:42

作者: 致橡树    时间: 2018-6-14 16:47
顶顶顶顶顶顶顶顶萨顶顶
作者: 殷凯老师    时间: 2018-6-14 17:59
感谢分享!!!!
作者: xuanxushuai01    时间: 2018-6-14 18:31
牛逼了牛逼了
作者: 耙丫丫    时间: 2018-6-14 22:47

作者: yujq    时间: 2018-6-14 23:52
牛牛牛牛牛牛牛牛牛牛牛牛
作者: fujiangbo    时间: 2018-6-14 23:58
感谢分享,好厉害

作者: zplxwl    时间: 2018-6-15 00:10
真的很实用
作者: 零度☆黎明    时间: 2018-6-15 08:53
不错, 不错 ..................
作者: little_superman    时间: 2018-6-15 10:15
6666666666666666666666
作者: 疯言峰语02    时间: 2018-6-15 17:07
好厉害啊,羡慕,
作者: 黑马程序员啊    时间: 2018-6-16 00:07
6666666666666666666666
作者: JavaEE风清扬    时间: 2018-6-18 19:19
666666666666666666666666666666
作者: 举个例子咯    时间: 2018-6-19 09:24

作者: 小伙啊    时间: 2018-6-19 14:04
66666
作者: 王航    时间: 2018-6-19 14:08
顶顶顶顶顶顶
作者: dajiahao    时间: 2018-6-19 14:29
666666666666666
作者: zhaosongzhi    时间: 2018-6-19 14:30
厉害!!!!!
作者: huochaochao    时间: 2018-6-19 15:11
666666666666
作者: 凯凯小王子    时间: 2018-6-19 15:14
棒棒的,666
作者: SunYan    时间: 2018-6-19 16:07
黑马666666666666
作者: 哦嗨呦    时间: 2018-6-19 16:15
顶!!!!!!!!!
作者: SharkSSB    时间: 2018-6-19 16:53

作者: 巴拉拉小魔仙    时间: 2018-6-19 17:10

作者: 温柔一刀!喵!    时间: 2018-6-19 17:25
这个给力!
作者: #风萧萧#    时间: 2018-6-19 17:47
6666666666666666666666666666666
作者: json0314    时间: 2018-6-19 23:58
赞赞赞
作者: mydorling11    时间: 2018-6-20 12:06
    加油!你最棒!加油!你最棒!加油!你最棒!    加油!你最棒!加油!你最棒!加油!你最棒!
作者: superbaby    时间: 2018-6-20 13:24

作者: 就业高冷派    时间: 2018-6-20 15:14
牛牛牛
作者: 逆风TO    时间: 2020-2-26 12:25
逆风TO 发表于 2017-12-26 10:20
给力,喜欢喜欢

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:25
yy1134787753 发表于 2018-6-11 13:39
感谢分享,好厉害

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:25
yy1134787753 发表于 2018-6-11 13:39
感谢分享,好厉害

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:25
caoping 发表于 2018-6-11 13:15
好厉害啊,羡慕,我也要成为像你们一样的人

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:25
疯子小花花 发表于 2018-6-11 12:48

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:25
多喝点热水~ 发表于 2018-6-11 11:49

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:25
wangxue123456 发表于 2018-6-11 11:37
很多东西从不会等你,譬如时间。

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:25
从容微笑 发表于 2018-6-11 11:21
好棒哦~·

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:25
wangxue123456 发表于 2018-6-11 11:37
很多东西从不会等你,譬如时间。

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:25
从容微笑 发表于 2018-6-11 11:21
好棒哦~·

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:25
专找bug 发表于 2018-6-11 11:19
感谢分享噢噢噢噢哦哦哦哦哦哦

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:25
ouweina 发表于 2018-6-11 11:18
好厉害啊,羡慕,我也要成为像你们一样的人,

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:26
从容微笑 发表于 2018-6-11 11:21
好棒哦~·

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:26
从容微笑 发表于 2018-6-11 11:21
好棒哦~·

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:26
逆风TO 发表于 2017-12-26 10:20
给力,喜欢喜欢

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:26
小西姐姐 发表于 2017-12-26 10:24
666  这波很精彩

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:26
大安 发表于 2017-12-26 11:06
手动点赞!支持你们!

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:26
渐暖 发表于 2017-12-26 11:07
很详细,感谢分享~

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:26
yy1134787753 发表于 2018-6-11 13:39
感谢分享,好厉害

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:26
caoping 发表于 2018-6-11 13:15
好厉害啊,羡慕,我也要成为像你们一样的人

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:26
疯子小花花 发表于 2018-6-11 12:48

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:26
多喝点热水~ 发表于 2018-6-11 11:49

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:26
wangxue123456 发表于 2018-6-11 11:37
很多东西从不会等你,譬如时间。

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:26
从容微笑 发表于 2018-6-11 11:21
好棒哦~·

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:26
兮兮哈哈 发表于 2018-6-11 14:48
66666666666666666666666666666

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:26
淡写薰衣草的香 发表于 2018-6-12 11:15

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:27
小丹子 发表于 2018-6-12 12:09

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:27
仙人掌sandy 发表于 2018-6-12 13:23
干货呀,非常棒,赶紧学习学习

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:27
小航子 发表于 2018-6-12 16:00
感谢分享,好厉害

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:27
zhuyanting 发表于 2018-6-12 17:23
多多分享面试资料哦

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:27
duanshaobo 发表于 2018-6-14 10:44
曾经模糊的幸福,越来越模糊

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:27
ruoquan 发表于 2018-6-14 13:02
赞,感谢分享

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:27
影@子~ 发表于 2018-6-14 14:51
手动点赞!支持你们!

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:27
半个程序员 发表于 2018-6-14 15:36
额额,,,,,,,,

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:27
xiaoheizi 发表于 2018-6-14 15:59
{ ...

努力,加油,奋斗!
作者: 逆风TO    时间: 2020-2-26 12:27
半个程序员 发表于 2018-6-14 15:36
额额,,,,,,,,

努力,加油,奋斗!




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2