[前端之每日一面]HTML 语义化、CSS 盒模型、JavaScript 的原型和原型链、事件冒泡和事件捕获、AJAX

1,087次阅读
没有评论

共计 1173 个字符,预计需要花费 3 分钟才能阅读完成。

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);
正文完
 2
裴先生
版权声明:本站原创文章,由 裴先生 2024-01-13发表,共计1173字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
本站勉强运行: