【前端】HTML 语义化、CSS 盒模型、JavaScript 的原型和原型链、事件冒泡和事件捕获、AJAX

在当今的前端开发领域，掌握一系列核心概念是至关重要的。这些概念包括HTML的语义化、CSS的盒模型、JavaScript的原型和原型链、事件冒泡与事件捕获，以及AJAX技术。

1.什么是 HTML 语义化？为什么要使用语义化的标签？
HTML 语义化是指使用合适的标签来表示页面的结构和内容，而不是仅仅使用样式来呈现。语义化的标签有利于提高页面的可读性、可维护性、可访问性和 SEO。

2.什么是 CSS 盒模型？如何计算元素的宽度和高度？
CSS 盒模型是指页面中的每个元素都可以看作是一个矩形的盒子，包括内容区域、内边距、边框和外边距。元素的宽度和高度可以通过以下公式计算：宽度 = 内容宽度 + 左右内边距 + 左右边框，高度 = 内容高度 + 上下内边距 + 上下边框。

3.什么是 JavaScript 的原型和原型链？如何实现继承？
JavaScript 的原型是指每个对象都有一个内部属性 [[Prototype]]，指向另一个对象，这个对象就是它的原型。原型对象上定义的属性和方法可以被它的实例对象共享。原型链是指通过原型对象的 [[Prototype]] 属性，可以形成一个链式结构，最终指向 null。JavaScript 的继承是基于原型链的，可以通过构造函数、原型对象和 Object.create() 等方式实现。

4.什么是事件冒泡和事件捕获？如何阻止事件冒泡？
事件冒泡和事件捕获是指当一个元素触发了一个事件时，这个事件会沿着 DOM 树向上或向下传播，触发其他元素的同类型事件。事件冒泡是指事件从最内层的元素开始，逐层向外层的元素传播，直到根元素。事件捕获是指事件从根元素开始，逐层向内层的元素传播，直到最内层的元素。可以通过调用事件对象的 stopPropagation() 方法来阻止事件冒泡。

5.什么是 AJAX？如何使用 XMLHttpRequest 发送一个 AJAX 请求？
AJAX 是指 Asynchronous JavaScript and XML，是一种在不刷新页面的情况下，使用 JavaScript 与服务器进行数据交互的技术。XMLHttpRequest 是一个内置的对象，可以用来创建和发送 AJAX 请求。使用 XMLHttpRequest 发送一个 AJAX 请求的步骤如下：

创建一个 XMLHttpRequest 对象：var xhr = new XMLHttpRequest();
设置请求的方法、URL、是否异步等参数：xhr.open(‘GET’, ‘https://example.com/api’, true);
设置请求头部信息：xhr.setRequestHeader(‘Content-Type’, ‘application/json’);
设置请求的回调函数，处理响应结果：xhr.onreadystatechange = function() { if
(xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText); }}; 发送请求，如果是 POST
请求，需要传入请求体：xhr.send(null);