![f739582983bf65f5fdbf33ff647b7d4e.png](https://img-blog.csdnimg.cn/img_convert/f739582983bf65f5fdbf33ff647b7d4e.png)
又到了朗妹儿给大家送福利的时刻了,
这周给大家整理了一些Web前端面试题
建议大家收藏哦~
爱分享·爱学习
![ada1f71b6fc5a57340b409d24db75c0c.png](https://img-blog.csdnimg.cn/img_convert/ada1f71b6fc5a57340b409d24db75c0c.png)
1. Meta定义的viewport有哪几个值?
width:控制 viewport 的大小,可以指定的一个值,如果 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。
height:和 width 相对应,指定高度。
initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。maximum-scale:允许用户缩放到的最大比例。minimum-scale:允许用户缩放到的最小比例。
user-scalable:用户是否可以手动缩放
2. 禁止搜索引擎抓取的mata定义方法?
index,follow:允许抓取本页,允许跟踪链接。
index,nofollow:允许抓取本页,但禁止跟踪链接。
noindex,follow:禁止抓取本页,但允许跟踪链接。
noindex,nofllow:禁止抓取本页,同时禁止跟踪本页中的链接。
index,follow可以写成all
如:
noindex,nofollow可以写成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)不需要变动页面内容,便可提供打印版本而不需要复制内容,提高网站易用性。
整理不易,记得给朗妹儿点个赞在看!
以上就是今天的面试题分享啦~
更多面试题及学习资料,可以私信发送【微信】添加朗妹儿微信领取哟~
![20bd02601cdf07b6f6e1fe1de0e2e1c6.png](https://img-blog.csdnimg.cn/img_convert/20bd02601cdf07b6f6e1fe1de0e2e1c6.png)