前端面试笔试总结三

150 阅读1分钟

1.用css3媒体查询方法写大于684px和小于980px让一个div的宽度变为90%

        @media (min-width:684px) and (max-width:980px) {
            .box {
                width: 90%;
            }
        }

2.title和h1,b和strong的区别

title用于网站标题,h1一般用于网页内容,而且主要应用在logo上,而且一个页面最好只用一个h1,太多会稀释主题
一个网站可以有多个title,每个页面都可以设置不同的title,以上都是有利于seo,便于搜索引擎的爬取

3.window常用的至少4个方法,列举一些window常用方法至少5个

alert(),prompt(),confirm,setTimeout(),setInterval()
window.onload(),window.open(),window.close(),window.location(),window.screen()

4.获取节点的常用方法并简要说明

document.querySelector(),h5新增方法,有兼容性问题
document.getElementById(),获取带有id选择器的标签
document.getElementsByTagName(),获取特定的标签名称节点

5.移动端禁止缩放功能的meta标签如何设定

width=device-width: 让页面宽度等于设备宽度。
initial-scale=1.0:页面显示时的缩放级别,1.0代表无缩放。
maximum-scale=1.0:控制页面放大,1.0代表禁止放大到设备尺寸以上的大小。
user-scalable=no:用户是否可缩放,no代表不可缩放,默认为yes