2021前端面试攻略：HTML/CSS/JS核心技术详解

在《我的2021前端面试准备.pdf》这份资料中，详细探讨了前端面试中常见的知识点，主要包括HTML、CSS和JavaScript的相关概念和技术。 首先，关于HTML（HyperText Markup Language），文档强调了其在页面结构上的关键角色。HTML使用诸如<header>、<footer>、<aside>、<nav>、<video>、<audio>和<canvas>等标签，这些语义化的标签有助于提高用户体验。它们使得即使在样式丢失的情况下，页面结构也保持清晰，有利于搜索引擎优化（SEO），因为搜索引擎会根据标签理解页面内容的上下文和关键字权重。此外，HTML还支持无障碍阅读，如盲人阅读器能根据标签正确渲染网页。同时，语义化的HTML对开发和维护也有益处，代码更易理解和维护，与CSS3的结合更为紧密。 CSS（Cascading Style Sheets）部分介绍了几个重要的概念。选择器用于精确定位和应用样式，如标准盒模型（content, padding, border, margin）用于控制元素的尺寸。BFC（Block Formatting Context）是理解元素布局的重要概念，它影响元素如何与其他元素一起渲染。CSS还涵盖了元素水平垂直居中、三角形形状的实现以及页面布局策略，如流式布局（响应式设计基础）、百分比布局、REM布局（基于根元素字体大小的单位）和浮动布局。 JavaScript（JS）方面，文档强调了编程规范，如避免在同一行声明多个变量、正确使用比较运算符、对象字面量的优先级、避免全局变量污染等。内置对象是JS的核心，包括Object（所有对象的原型）、数据封装对象（如Array、Boolean、Number、String等）、函数、日期等。基本数据类型包括Number、String、Boolean、Null、Undefined和Symbol（ES6新增），以及BigInt（用于任意精度整数）。复杂数据类型则包括Object（对象）和Function（函数）。此外，文档还列出了JavaScript数组操作方法，如join()、reverse()、concat()、slice()、splice()、push()、pop()等，这些都是前端开发中必不可少的基础技能。 《我的2021前端面试准备.pdf》提供了前端面试者需要掌握的HTML、CSS和JavaScript核心知识，对于准备面试者来说，深入理解这些内容有助于提升技术能力，应对各类面试挑战。