前端面试必备：HTML5, CSS3, JavaScript 知识点解析

"该资源是前端面试复习资料，涵盖了HTML5、CSS3和JavaScript的基础及进阶知识点，包括新特性、布局技术、选择器优先级、CSS单位、适配方法、盒模型、浮动与清除、Flex布局、REM布局、预处理器（Less和Sass）、伪类和伪元素、Bootstrap栅格系统、响应式布局、BFC概念、渐进增强与优雅降级、iframe的优缺点，以及JavaScript的数据类型和函数创建等。" 在前端开发中，HTML、CSS和JavaScript是构建网页和交互功能的核心技术。这份面试宝典详细列出了这些领域的重点知识点。 HTML5的新特性包括离线存储、拖放功能、媒体元素、表单控件增强、画布、SVG图形、Web Workers和Web Storage等，CSS3的新特性则涉及选择器层级、多列布局、边框与背景、转换、动画、渐变、阴影等。 在布局方面，实现盒子的水平垂直居中有多种方法，如使用定位、Flex布局或BFC块级格式化上下文。双飞翼布局和圣杯布局是解决页面三栏布局的经典方案，其中双飞翼布局主要通过设置负边距和相对定位实现。 CSS盒模型分为两种，标准盒模型和IE盒模型，影响元素的宽度和高度计算。选择器优先级计算涉及id选择器、类选择器、元素选择器和内联样式等。输入元素的`type`属性有多种值，如text、password、email、number等，满足不同输入需求。 CSS中，某些属性如color、font-size等可以继承，而display、padding等则不可。px是绝对单位，em基于父元素的字体大小，rem基于根元素（html）的字体大小，适配方案通常需要调整html的font-size。display:none与visibility:hidden区别在于是否占据空间。 JavaScript的基本类型包括字符串、数字、布尔、null、undefined、对象和Symbol，引用类型主要是对象。判断数据类型的方法有typeof操作符和instanceof。创建函数的方式包括函数声明、函数表达式和箭头函数。 此外，面试宝典还涵盖了CSS3的伪类和伪元素、Bootstrap的栅格系统原理、自定义响应式布局策略、BFC（块级格式化上下文）的作用、渐进增强和优雅降级的设计理念，以及iframe的优缺点。在JavaScript中，处理小于12px的文本需要借助CSS hack。 这份资料全面覆盖了前端开发者需要掌握的关键知识点，对于面试准备或技能巩固非常有价值。