面试篇—html&css

doctype作用

　　doctype规范浏览器的行为，按照w3c标准解析渲染页面

减少页面加载时间的方法

　　（1）压缩css、js文件

　　（2）合并css、js文件，减少http请求，如果一个css文件内容很少，合并或者直接放在页面内style

　　（3）减少不必要的dom操作

　　（4）按需加载js文件，async，defer，事件加载

　　（5）图片合精灵图，background-image","background-position"的组合进行背景定位

　　（6）图片懒加载，1B的图片进行占位，滚动加载　　

　　（7）webp格式图片

　　（8）页面一部分刷新，使用ajax进行无刷新加载，异步更新，不必请求整个页面的数据

　　（9）使用自动优化工具：比如RadwareFastView

　　（10）静态文件CDN托管

什么是FOUC，如何避免

　由于页面使用了@import或者多个style，css文件放在页面底部加载，使得css文件在html之后加载，导致闪烁，花屏

　使用link加载css文件，放在head里面

清除浮动的方式

　　（1）父级div定义伪类：after和zoom

　　（2）父级div定义height

　　（3）父级div定义overflow：hidden

　　（4）结尾处加br，clear:both

如何实现浏览器多个标签页之间的通信

　　（1）调用localstorage本地储存

　　（2）websocket

 标签上title和alt属性

　　（1）title为该属性提供描述信息

　　（2）alt当图片不显示时，用文字代表

前端页面有哪三层构成

　　（1）html-结构层

　　（2）css-表示层

　　（3）js-行为层