1 / 29
文档名称:

BAT前端H5面试题大全.docx

格式:docx   大小:572KB   页数:29页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

BAT前端H5面试题大全.docx

上传人:今晚不太方便 2017/8/21 文件大小:572 KB

下载得到文件列表

BAT前端H5面试题大全.docx

相关文档

文档介绍

文档介绍:HTML5笔试题
HTML4
元素的Alt和title有什么异同,选出正确的说法?不同的浏览器,表现一样( C)
A、Alt和title同时设置的时候,Alt作为图片的代替文字出现title是图片的解释文字
B、Alt和title同时设置的时候,title作为图片的代替文字出现,Alt是图片的解释文字
C、以上说法都不正确
答案:
Alt属性使用在<img>
Title属性使用在链接或普通文字
参考答案:http://jingyan./article/
想要找到表单中的hidden元素,下面哪个是正确的?(单选)B
visible B、hidden C、visible() D、hidden()
答案:B
本题考查的是jquery方法介绍
前两个为:hidden/:visible 用来选择隐藏的/可见的元素;.visible()/.hidden()使元素显示/隐藏-为方法
参考答案:ual/jquery/
介绍一下你对浏览器内核的理解?
答案:
首先:浏览器内核的常用种类
IE:Trident内核
谷歌【Chrome】/ Safari:webkit内核
火狐:Gecko内核
Opera:Presto内核
其次:从浏览器内核组成方面
主要包含两部分渲染引擎和js引擎
渲染引擎:负责取得网页的内容(HTML、XML图像等等),整理讯息(例如加入css),
以及计算网页的显示方式、然后输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的结果 也不相同,所以渲染的效果也不相同。
Js引擎:解析和执行javascript来实现网页的动态效果
最开始渲染引擎和js引擎并没有区别的很明确,后来js引擎越来越独立,内核就倾向于只指渲染引擎
说下行内元素和块级元素的区别?行内块元素的兼容性使用?
答案:
行内元素和块级元素的区别
1》方案:
行内元素最好不要包裹块级元素,但是块级元素可以任意的包裹行内元素
行内元素如果其上一个元素也是行内元素,则他们会分布在统一水平线上,即在一行上排列,
块级元素不论上一个元素是行内元素还是块级元素都要另起一行,单独占一行。
对于行内元素设置with、height、margin值无效,但对于块级元素,设置这些值是有效的。
2》在标准文档流里面:
块级元素具有以下特点:【display:block】
块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度,与内容无关
宽度、高度、行高以及外边距和内边距都可控制
块级元素可以设置margin和padding属性
它可以容纳内联元素和其他块元素
行内元素的特点:【dispaly:inline】
行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化.
宽度、高度、行高及外边距和内边距部分可改变
行内元素的margin和padding属性,水平方向的padding-left,padding-right,margin-left,margin-right都产生边距效果,
但竖直方向的padding-top,padding-bottom,margin-top,margin-bottom却不会产生边距效果.
行内元素只能容纳文本或者其他行内元素,不可以设置宽高,其宽度随着内容增加,高度随字体大小而改变,内联元素可 以设置外边界,但是外边界不对上下起作用,只能对左右起作用,也可以设置内边界,但是内边界在IE6中不对上下起作用, 只能对左右起作用
行内块【display:inline-block】元素的兼容性
[ 参考:https://yq./ziliao/1915 / https:///a/1190000004196742 ]
行内元素内边界在IE6中不对上下起作用,只能对左右起作用
水平方向的padding-left,padding-right,margin-left,margin-right都产生边距效果,
但竖直方向的padding-top,padding-bottom,margin-top,margin-bottom却不会产生边距效果.
行内块级元素在IE8以下的兼容性
div{
display: inline-block;
    *zoom: 1;
    *display: inline;
}
*zoom:1作用是 
在IE下触发hasLayout
*display:inline作用作用是 
一旦触发了hasLayout设置display:inline和display:block效果相似。
在IE6