【常见面试题】网易游戏前端面试题集锦1

一、块级元素和行内元素的区别,行内块级元素是什么东西?
解答:
(1)块级元素独占一行,可以单独设置宽高等特性,块级元素内可以包含非块级元素和块级元素
(2)行内元素不独占一行,在一行内可以完整显示时会在一行内显示元素,设置宽高以及垂直方向上的margin、padding将不会起作用(可以设置line-height),当然替换元素除外。其中只能包含非块级元素
(3)行内块级元素:display:inline-block/inline-table ,同时具有以上两种元素的特性,既可以在一行显示,同时可以设置元素的宽高以及垂直方向上的特性。
当然可以通过display属性对元素的显示方式进行转换。

二、HTML语义化的理解和作用
解答:
1、什么是HTML语义化?
HTML语义化指的是根据具体的内容结构,选择合适的标签元素,便于开发者阅读和写出更加优雅的代码,同时有利用浏览器引擎和爬虫的解析,有利于网站的SEO。
2、为什么要实现HTML的语义化?
(1)在没有CSS样式的情况下,是的页面的样式结构更加完整
(2)提升用户体验:如给图片元素添加Alt和title属性,在没有图片的时候不至于一片空白,同时还可以给出图片的描述信息。
(3)有利于SEO,对于添加了h1-h6标签以及title标签的网页,蜘蛛爬虫会更容易爬取
(4)有利于其他设备的解析,(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页
(5)提高代码的可读性,可维护性等
3、使用语义化标签的注意事项
(1)尽量减少div、span等非语义化标签的使用
(2)使用语义化标签strong、em(两者的默认的强调方式分别是:加粗、倾斜,但是实际上不止于此)表示强调时最好是借助CSS样式表示。
(3)对于纯样式标签改用CSS样式替代

三、元素的水平居中和垂直居中
水平居中

1、行内元素
text-align:center
2、块级元素
margin:0 auto
垂直居中
1、行内元素
(1) line-height
(2)vertical-align:middle
2、块级元素
padding-top/bottom设置的设置相同的值即可实现垂直居中

块级元素的水平与垂直居中
1、已知元素的宽高
{
position: absolute;
left:50%;
right:50%;
margin-left:-width/2;
margin-top:-height/2;
}
2、不知道宽高
(1)利用translate
{
position: absolute;
left:50%;
right:50%;
transform:translate(-50%,-50%)
}
(2)flex实现居中
在父元素上设置如下属性:
{
display:flex;
justify-content:center;//水平居中
align-items:center;//垂直居中
}

四、0 ==null吗?为什么?
0==null 测试将会返回false
0<=null、0>=null将会返回true
前者不会做类型转换而后者会进行类型转换,将null转换为number类型,详情见为什么null==0返回false

五、移动端适配的是哪种方式
下面有一篇介绍的比较好的博文
适配方式

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章