1 / 37
文档名称:

2021年BAT前端H5面试题大全.docx

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

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

分享

预览

2021年BAT前端H5面试题大全.docx

上传人:业精于勤 2021/1/17 文件大小:538 KB

下载得到文件列表

2021年BAT前端H5面试题大全.docx

文档介绍

文档介绍:HTML5笔试题
HTML4
元素Alt和title有什么异同,选出正确说法?不一样浏览器,表现一样 ( C)
A、Alt和title同时设置时候,Alt作为图片替换文字出现title是图片解释文字
B、Alt和title同时设置时候,title作为图片替换文字出现,Alt是图片解释文字
C、以上说法全部不正确
答案:
Alt属性使用在<img>
Title属性使用在链接或一般文字
参考答案:
想要找到表单中hidden元素,下面哪个是正确?(单选)B
visible B、hidden C、visible() D、hidden()
答案:B
本题考查是jquery方法介绍
前两个为:hidden/:visible 用来选择隐藏/可见元素;.visible()/.hidden()使元素显示/隐藏-为方法
参考答案:
介绍一下你对浏览器内核了解?
答案:
首先:浏览器内核常见种类
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】元素兼容性
[ 参考: / ]
行内元素内边界在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、IE7下,怎么实现块级元素inline-block属性值设置,2种方法
先使用display:inline-block属性触发块元素,然后再定义display:inline,
让块元素呈递为行内对象(