【干货】前端工程师面试题汇总

【干货】前端工程师面试题汇总HTMLDoctype 作用？严格模式与混杂模式如何区分？它们有何意义?HTML5 为什么只需要写 ？行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？页面导入样式时，使用 link 和@import 有什么区别？介绍一下你对浏览器内核的理解？常见的浏览器内核有哪些？html5 有哪些新特性、移除了那些元素？如何处理 HTML5 新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？简述一下你对 HTML 语义化的理解？HTML5 的离线储存怎么使用，工作原理能不能解释一下？浏览器是怎么对 HTML5 的离线储存资源进行管理和加载的呢？请描述一下 cookies，sessionStorage 和 localStorage 的区别？iframe 有那些缺点？Label 的作用是什么？是怎么用的？（加 for 或 包裹）HTML5 的 form 如何关闭自动完成功能？如何实现浏览器内多个标签页之间的通信? (阿里)webSocket 如何兼容低浏览器？(阿里)页面可见性（Page Visibility）API 可以有哪些用途？如何在页面上实现一个圆形的可点击区域？实现不使用 border 画出 1px 高的线，在不同浏览器的 Quirksmode 和 CSSCompat 模式下都能保持同一效果。网页验证码是干嘛的，是为了解决什么安全问题？tite 与 h1 的区别、b 与 strong 的区别、i 与 em 的区别？CSS介绍一下标准的 CSS 的盒子模型？与低版本 IE 的盒子模型有什么不同的？CSS 选择符有哪些？哪些属性可以继承？CSS 优先级算法如何计算？CSS3 新增伪类有那些？如何居中 div？如何居中一个浮动元素？如何让绝对定位的 div 居中？display 有哪些值？说明他们的作用。position 的值 relative 和 absolute 定位原点是？CSS3 有哪些新特性？请解释一下 CSS3 的 Flexbox（弹性盒布局模型）,以及适用场景？用纯 CSS 创建一个三角形的原理是什么？一个满屏 品 字布局 如何设计?常见兼容性问题？li 与 li 之间有看不见的空白间隔是什么原因引起的？有什么解决办法？经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack 的技巧 ？为什么要初始化 CSS 样式。absolute 的 containing block 计算方式跟正常流有什么不同？CSS 里的 visibility 属性有个 collapse 属性值是干嘛用的？在不同浏览器下以后什么区别？position 跟 display、margin collapse、overflow、float 这些特性相互叠加后会怎么样？对 BFC 规范(块级...