千锋教育web前端高频面试题视频教程,kerwin大话前端面试秘籍(附答案)

1.如何理解HTML5结构语义化?
答:就是用正确的标签做正确的事,段落用标签,标题用h系列标签,边框用aside标签,主要内容用mian标签,对于开发者来说,便于团队的开发和维护,呈现出较好的内容结构和代码结构,对浏览器来说,有利于SEO,利于无障碍阅读等
2.html5的新特性?
答: html5中新增了关于图像,位置,存储,多任务等功能
- 用于媒体的video和audio元素
- 本地存储localStorage,实现持久化存储
- sessionStorage会话级存储
- 语义化元素,footer、header、nav、section
- 表单控件,date,time,email,url,search
- 新的技术,webworker、websocket、Geolocation
移除了一些元素,比如big,font,s,u,frame
低版本浏览器(IE8、IE7、IE6)可以通过document.creatElement方法来产生标签,进行新特性的支持
3.浏览器的渲染机制一般分为几个步骤?
答:1.处理HTML购件DOM树
2.处理css构建CSSOM树
3.将DOM树和CSSOM树合并为一个渲染树
4.根据渲染树来布局,计算每个节点的位置
5.调用GPU绘制,合成图层,显示在屏幕上
注意点:在构建CSSOM树时,会阻塞渲染,直至CSSOM树构建完成。构建CSSOM树是一个十分消耗性能的过程,越是具体的CSS选择器,执行的速度越慢; 当HTML解析到script标签时,会暂停构建DOM,完成后才会从暂停的地方重新开始,如果你想首屏渲染的速度越快,就不应该再首屏时加载JS文件。