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

  • 时间:2018-07-09 22:16 作者:程序员之言 来源:程序员之言 阅读:222
  • 扫一扫,手机访问
摘要:面试前话这家公司进去是笔试, HR面试的,说项目经理出差了,人事聊的还能,说等项目经理回来以后再服饰。主要说下笔试题吧!1. CSS css盒子模型又称框模型 (Box Model) ,包含了元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个要素。
高薪直通车丨前台面试技巧之笔试题分析

面试前话

这家公司进去是笔试, 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-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的。本文中的笔试题因为个别题目范围较广,所以答案有所精简,欢迎大家提出补充。

  • 全部评论(0)
最新发布的资讯信息
【系统环境|服务器应用】树莓派安装TensorFlow(2020-04-24 21:11)
【系统环境|服务器应用】防面试-SD_WebImage(2020-04-24 21:11)
【系统环境|服务器应用】推荐一款视频控件xgplayer(2020-04-24 21:11)
【系统环境|服务器应用】PostgreSQL 源码解读(27)- 查询语句#12(查询优化-上拉子链接#2)(2020-04-24 21:11)
【系统环境|服务器应用】如何轻松学习JavaScript?(2020-04-24 21:10)
【系统环境|服务器应用】【源码剖析】Launcher 8.0 源码 (12) --- Launcher 启动流程 第五步之计算桌面各布局细节参数(2020-04-24 21:10)
【系统环境|服务器应用】前台碰撞室之console.log与文本字符(2020-04-24 21:10)
【系统环境|服务器应用】好用的Middleware实现(2020-04-24 21:10)
【系统环境|服务器应用】前台面试每日 3+1 —— 第373天(2020-04-24 21:10)
【系统环境|服务器应用】绍圣--kafka之生产者(五)(2020-04-24 21:10)
手机二维码手机访问领取大礼包
返回顶部