高薪直通车丨前端面试技巧之笔试题分析

-回复 -浏览
楼主 2018-11-06 15:00:52
举报 只看此人 收藏本贴 楼主

点击上方蓝字关注“公众号”

高薪直通车

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

高薪直通车是西安校区独家打造,用于分享西安市场企业面试需求,直击面试第一现场。由西安校区就业服务部老师倾心打造为更好的服务学员,让更多学员更加真实的感受到面试现场。

公司概况

2018/6/12

公司名称:陕西西***慧软件科技有限公司

公司地址:西安市碑林区雁塔路北段8号万达广场

公司规模:公司大约有50多人,办公环境挺大。

主要业务:自己有产品,也接外面的项目外包。

面试前话

     

这家公司进去是笔试, HR面试的,说项目经理出差了,人事聊的还可以,说等项目经理回来以后再服饰。主要说下笔试题吧!(问题见图,获取面试题微信回复“0612”)


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-weight、text-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的。本文中的笔试题由于个别题目范围较广,所以答案有所精简,欢迎大家提出补充。

推荐阅读:

招聘啦!我们啥都不缺就缺你!

高薪直通车丨JavaEE面试经验分享【联**讯网络科技】

2018 开发者技能调查:各行业青睐的编程语言

月薪3w的程序员告诉你一个项目的具体开发流程

让IT工作者过度劳累的12个坏习惯

黑马程序员西安中心2018年开班计划

学员故事丨对生活走心的人最帅

欢迎大家来约小西QQ

微信回复“0612”即可获取笔试题

我要推荐
转发到