Web前端开发面试技巧：HTML、CSS和JavaScript知识点总结

Web 前端开发面试技巧总结 本文档总结了 Web 前端开发面试中的常见问题和答案，涵盖了 HTML、CSS、JavaScript 等多方面的知识点。 **基础知识** 1. W3C 标准：W3C 是 WorldWideWeb Consortium 的缩写，中文是 W3C 组织或者万维网联盟。W3C 标准不是一个标准，而是一系列标准的集合，包含三部分的标准：结构标准、表现标准和动作标准。与结构标准对应的代表语言是 XHTML，与表现标准对应的代表语言是 CSS，与动作标准对应的代表语言是 JavaScript。 **HTML 行内元素、块级元素和空(void)元素** * 行内元素：span、a、label、input、select 等 * 块级元素：div、p、h1-h6、ul、ol、li 等 * 空元素：br、hr、img、link、meta 等 **CSS 加载方式 link 和 @import 的区别** 1. 服务对象不同：@import 为 CSS 服务，link 是为当前页面服务 2. 加载顺序不同：link 引用的 CSS 会同时被加载，而 @import 引用的 CSS 会等到页面全部被下载完再被加载 3. 兼容性不同：@import 是 CSS2.1 提出的，所以老的浏览器不支持 4. 使用 DOM 控制样式时的差别：当使用 JavaScript 控制 DOM 去改变样式的时候，只能使用 link 标签 5. @import 可以在 CSS 中再次引入其他样式表 **JavaScript 延迟加载的方式** 1. 先把所有需要延迟加载的图片的 src 都设置成同一个小图片的连接（sprite.gif），把真实图片的连接存储在 JavaScript 变量中 2. 使用 JavaScript 代码来动态加载图片 **CSS 加载方式的选择** 根据上面的分析，还是使用 link 标签比较好，因为 link 标签可以同时加载 CSS 文件，也可以定义 RSS，定义 rel 连接属性等，而 @import 只能加载 CSS 文件。 **Web 前端开发面试技巧** 1. 了解 W3C 标准和 HTML、CSS、JavaScript 的基本概念 2. 熟悉 HTML 的结构、表现和动作标准 3. 了解 CSS 的加载方式和兼容性问题 4. 了解 JavaScript 的延迟加载的方式 5. 熟悉 Web 前端开发的常见问题和答案 本文档提供了 Web 前端开发面试中的常见问题和答案，涵盖了 HTML、CSS、JavaScript 等多方面的知识点，为开发者提供了一个系统的学习和面试准备的参考。