前端面试必备：HTML、CSS与JS基础知识解析

"JS基础-python 核心编程（第3版）" 在前端技术领域，JavaScript（JS）作为客户端脚本语言，对于网页交互和动态功能实现起着至关重要的作用。在JS基础部分，了解其数据类型是核心知识点之一。`typeof` 操作符用于检测变量或表达式的类型，它会返回一个字符串表示的数据类型。在提供的描述中，可以看到`typeof` 对于数组 `[1, 2]` 返回 `object`，对字符串 `'leipeng'` 返回 `string`，对布尔值 `true` 返回 `boolean`，对数字 `1` 返回 `number`，而对未定义的变量 `a` 返回 `undefined`。这些基础知识对于编写健壮的JavaScript代码至关重要。 HTML和CSS是构建网页的基石，前端面试中经常涉及这两个领域的知识。例如，面试者可能被问及是否在多种浏览器（如Chrome、Firefox、Safari、Edge等，它们分别基于不同的内核：Blink、Gecko、WebKit、EdgeHTML）上测试过页面，以确保兼容性。`<!DOCTYPE>` 声明用于指定文档类型和版本，它影响浏览器以何种模式解析页面，Quirks模式和Standards模式主要区别在于解析规则，前者遵循老式浏览器的非标准行为，后者遵循W3C标准。Div+CSS布局相比Table布局具有更好的可维护性、扩展性和性能。 优化网页性能也是面试常谈的话题。例如，使用多个域名存储资源可以避免单一域名的并发连接限制，提高页面加载速度；理解网页标准（如W3C）和相关机构的重要性，有助于编写更规范、更易维护的代码；理解cookies、sessionStorage和localStorage的用途和区别，可以帮助更好地管理客户端数据；src和href分别用于加载外部资源和指定超链接地址。 此外，面试还可能涉及HTML结构的语义化，它有利于SEO（搜索引擎优化）和无障碍访问；DOM操作和CSS样式设置，如通过JavaScript修改CSS；以及CSS选择器、隐藏元素、透明效果、布局技巧等。例如，rgba()提供半透明效果，而opacity会影响元素及其所有子元素的透明度；text-align和vertical-align可以实现水平和垂直对齐；浮动元素的垂直居中处理，通常需要结合使用CSS属性和技巧；px是固定单位，em是相对单位，它们在布局时有不同应用；CSS reset文件如Eric Meyer Reset或normalize.css用于消除浏览器默认样式差异。 前端开发面试通常覆盖广泛的知识面，从基础语法到高级技巧，再到性能优化和最佳实践，全面掌握这些知识将极大地提升开发者的专业能力。