全面掌握前端面试核心考点：HTML+CSS+JavaScript笔记与课件

资源摘要信息:"新版前端高频面试题笔记+课件+源码（HTML+CSS+JavaScript）" 一、HTML部分知识 1. HTML5结构语义化：这是指使用HTML5提供的语义标签（如header, footer, section等），使文档结构更清晰，更易于理解。语义化有助于搜索引擎优化（SEO）和无障碍访问。 2. HTML5的新特性：HTML5引入了大量新的特性，比如新的表单元素、多媒体元素（如video和audio）、新的API（如Web存储、Web Workers等），还强化了对于移动设备的支持。 3. cookies、sessionStorage和localStorage的区别：cookies是HTTP协议的一部分，通过在客户端存储小块数据来跟踪和管理状态信息。sessionStorage和localStorage是Web存储API提供的两种存储方式。sessionStorage存储的数据仅在当前会话中有效，关闭浏览器窗口后数据会被清除；而localStorage存储的数据具有持久性，除非被程序或用户清除，否则数据会一直保存。 4. 浏览器的渲染机制：通常分为解析HTML构建DOM树、构建CSSOM（CSS对象模型）、合并DOM树和CSSOM生成渲染树、布局渲染树的位置和大小以及绘制渲染树到屏幕上这几个步骤。 二、CSS部分知识 1. display: none; 与 visibility: hidden;的区别：display: none; 使得元素完全不被渲染，不占据任何空间，而visibility: hidden; 使元素不可见，但仍占据空间。 2. 外边距折叠（collapsing margins）：在CSS中，相邻的两个元素的垂直外边距会折叠成一个外边距，其大小取两者之中的较大者，这是为了减少不必要的空间占用。 3. z-index是什么：z-index是CSS属性，用于控制元素的堆叠顺序。当元素重叠时，z-index较大的元素将覆盖较小的元素。在position的值为relative、absolute或fixed时可以触发。 三、JavaScript部分知识 1. JavaScript内置对象：JavaScript内置对象包括Object、Array、Function、Date、RegExp等，它们提供了许多基础的API来执行各种任务。 2. 最小化重绘（repaint）和回流（reflow）：重绘是当元素样式的改变不影响布局时，浏览器重新绘制的过程；回流是当元素样式的改变影响布局时，浏览器重新计算元素的几何结构，可能涉及到重排所有或部分页面。通过减少DOM操作次数、批量修改样式、使用CSS3硬件加速等方法可以最小化重绘和回流。 3. JavaScript作用域链：作用域链是JavaScript中实现变量查找的一种机制，它保证了变量访问的就近原则。当在当前作用域找不到某个变量时，JavaScript引擎会沿着作用域链向上查找，直到全局作用域。 4. 数据请求：在JavaScript中，可以通过XMLHttpRequest对象或者Fetch API来发送数据请求（如AJAX请求）。 5. 跨域和同源策略：同源策略是浏览器的一种安全机制，它限制了来自不同源（协议、域名、端口）的文档或脚本间的交互。跨域问题通常通过CORS（跨源资源共享）来解决。 6. 面向对象：JavaScript是一种基于原型的面向对象编程语言，它提供了对象、原型、构造函数、继承等面向对象的特性。 通过学习这套"新版前端高频面试题笔记+课件+源码（HTML+CSS+JavaScript）"，有前端基础的同学可以获得最新最全的前端知识，提升自己在面试中的竞争力。