干货| 这些Web前端必备面试题，你知道吗?

又到了朗妹儿给大家送福利的时刻了，

这周给大家整理了一些Web前端面试题

建议大家收藏哦~

爱分享·爱学习

1. Meta定义的viewport有哪几个值？

width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。

height：和 width 相对应，指定高度。

initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。maximum-scale：允许用户缩放到的最大比例。minimum-scale：允许用户缩放到的最小比例。

user-scalable：用户是否可以手动缩放

2. 禁止搜索引擎抓取的mata定义方法？

<meta name="robots" content="index,follow" />

index,follow：允许抓取本页，允许跟踪链接。

index,nofollow：允许抓取本页，但禁止跟踪链接。

noindex,follow：禁止抓取本页，但允许跟踪链接。

noindex,nofllow：禁止抓取本页，同时禁止跟踪本页中的链接。

index,follow可以写成all

如：

<meta name="robots" content="all" />

noindex,nofollow可以写成none，如：

<meta name="robots" content="none" />

3. 列举5个html5新出现的标签，2个不再推荐使用的标签

新增：section,firgure,header,footer,nav

不再使用: font,u...

4. 如果给你一个大型网站，你如何管理它的CSS、JS以及图片？

Css : 先期团队确定全局样式(global.css)和编码模式(utf-8)，与html文件分开并行存放

Js : 分文件夹存放，文件夹名用该js功能的英文翻译

Img：图片采用整合的images.png png8格式文件使用，尽量整合在一起方便将来管理

5. 常用哪种图片格式，各有什么区别，加载不同格式图片有什么区别。

图片类型有gif,png,jpg,svg,webp等

png和jpg的主要区别如下:

1）png可以透明，jpg不能透明，所以需要透明的地方，必须用png

2）png是无损保存，多次保存都不会影响图片质量；而jpg是压缩不可逆保存，所以一个jpg图片经过多次保存之后就会越来越模糊，

3）jpg小，png大；所以我一般网页能用jpg的地方，就绝不用png

6. HTML5的离线储存？

1）localStorage

2）sessionStorage

3）IndexedDB

4）Web SQL Database

7. 请简要介绍一下HTTP返回码的意思：

302：临时性重定向

404：找不到文件

503：服务器暂时无法处理请求(过载或维护)

304：与上次网页相比没有更新

8. 页面间传值的方法（单页应用可用input、url、localStorage等）

Websocket、 localStorage、sessionStorage、cookie等

9. 标签上title与alt属性的区别是什么？

Title是鼠标悬乎时，出来的说明；

alt是加载不出来时直接出现在页面上的文字

10. 对WEB标准以及W3C的理解与认识？

web标准简单来说可以分为结构、表现和行为，W3C对web标准提出了规范化的要求

结构：

1）标签字母要小写

2）标签要闭合

3）标签不允许随意嵌套

表现和行为(css,js)：

1）尽量使用外链css样式表和js脚本。是结构、表现和行为分为三块，符合规范。同时提高页面渲染速度，提高用户的体验。

2）样式尽量少用行间样式表，使结构与表现分离，标签的id和class等属性命名要做到见文知义，标签越少，加载越快，用户体验提高，代码维护简单，便于改版

3）不需要变动页面内容，便可提供打印版本而不需要复制内容，提高网站易用性。

整理不易，记得给朗妹儿点个赞在看！

以上就是今天的面试题分享啦~

更多面试题及学习资料，可以私信发送【微信】添加朗妹儿微信领取哟~