title与h1的区别?position的值有哪些?如何理解原型?

简介: 1. title:可定义文档的标题,概括了网站信息,可以告诉搜索引擎或者用户这个网站的内容主题是什么。2. h1:写在文章正文的标题部分,是展示给用户看的,更突出其视觉效果。

一省:HTML

11. title与h1的区别?

  1. title:可定义文档的标题,概括了网站信息,可以告诉搜索引擎或者用户这个网站的内容主题是什么。
  2. h1:写在文章正文的标题部分,是展示给用户看的,更突出其视觉效果。
<html lang="en">
<head>
  <title>网页主题</title>
</head>
<body>
  <h1>文章名称主题</h1>
</body>
</html>

二省: CSS

11. position的值有哪些?分别是相对于哪个位置定位的?

position的值有:static、relative、absolute、fiexd、sticky

  1. static: 静态(默认),正常流,无特殊表现。
  2. relative: 相对定位,相对于自身在正常文档中的位置定位。
  3. absolute: 绝对定位,相对于最近的定位祖先元素(static元素除外)进行定位。
  4. fiexd:固定定位,相对于浏览器窗口定位的,这意味着即使滚动页面,它也始终位于同一位置。
  5. sticky:粘性定位,根据用户的滚动位置进行定位。

sticky粘性布局

三省:JavaScript

11. 如何理解原型?

1.每一个对象都有一个[[prototype]]属性,这个属性称为对象的原型(隐式原型)。
2.每一个函数创建的时候都会有一个prototype属性,即显示原型。除此之外,因为函数也是一个对象,所以函数也有隐式原型(\_\_proto__).
3.对象的隐式原型指向构造函数的显示原型,即

//普通对象
var obj = {}
console.log(obj.__proto__ === Object.prototype)//true

//构造函数创建的对象
function Person(){}
var person = new Person()
console.log(person.__proto__ === Person.prototype)//true

原型的作用:
当我们使用一个对象的属性或者方法时,先从当前对象查找,如果没有就会沿着它的原型查找,如:

function Person(){}
Person.prototype.name = "Jason"
Person.prototype.say = function () {
  console.log("say hello!");
}
var person = new Person()
console.log(person.name);//Jason
person.say();//say hello!

补充:
原型对象(prototype)还有一个属性是constructor,构造函数的prototype指向原型对象,原型对象的constructor指回构造函数,即

function Person(){}
var person = new Person()
console.log(Person.prototype === person.__proto__);//true
console.log(Person.prototype.constructor === Person);//true
console.log(person.__proto__.constructor === Person);//true
原型是js比较绕的一个知识点,不知道在下解释的清不清楚,推荐几篇大佬的文章吧
https://blog.csdn.net/lixiaonaaa/article/details/113808172
相关文章
|
Web App开发 前端开发
【前端篇】前端实现滚动分屏效果
【前端篇】前端实现滚动分屏效果
312 0
|
JavaScript
Syntax Error: Error: Cannot find module ‘node-sass‘
Syntax Error: Error: Cannot find module ‘node-sass‘
576 0
|
5月前
|
存储 网络协议 数据安全/隐私保护
SMTP/POP3/IMAP(电子邮件协议)
本文介绍了电子邮件系统中常用的三种协议:SMTP、POP3 和 IMAP。SMTP(简单邮件传输协议)用于发送邮件,设计简单且广泛支持;POP3(邮局协议版本3)用于接收邮件,适合离线使用但不支持文件夹管理;IMAP(互联网消息访问协议)允许用户在服务器上管理邮件,支持多设备同步和部分下载。文章还对比了这三种协议的功能、端口及特点,并分析了它们在实际场景中的应用,帮助用户根据需求选择合适的协议。
1697 24
|
12月前
|
UED
|
11月前
|
存储 消息中间件 分布式计算
某全球领先网络解决方案提供商:统一 Trino、Pinot、Iceberg 及 Kyuubi,探索 Apache Doris 的改造实践
某全球领先网络解决方案提供商早期架构面临架构复杂、数据冗余存储、运维困难、资源利用率低、数据时效性差等问题。因此,引入 Apache Doris 替换了 Trino、Pinot 、 Iceberg 及 Kyuubi 技术栈,依赖于 Doris 的实时数据湖能力及高性能 OLAP 分析能力,统一数据湖仓及查询分析引擎,显著提升了查询性能及系统稳定性,同时实现资源成本降低 30%。
279 8
某全球领先网络解决方案提供商:统一 Trino、Pinot、Iceberg 及 Kyuubi,探索 Apache Doris 的改造实践
|
12月前
|
机器学习/深度学习 算法 PyTorch
深度学习笔记(十三):IOU、GIOU、DIOU、CIOU、EIOU、Focal EIOU、alpha IOU、SIOU、WIOU损失函数分析及Pytorch实现
这篇文章详细介绍了多种用于目标检测任务中的边界框回归损失函数,包括IOU、GIOU、DIOU、CIOU、EIOU、Focal EIOU、alpha IOU、SIOU和WIOU,并提供了它们的Pytorch实现代码。
2234 1
深度学习笔记(十三):IOU、GIOU、DIOU、CIOU、EIOU、Focal EIOU、alpha IOU、SIOU、WIOU损失函数分析及Pytorch实现
|
机器学习/深度学习 固态存储 计算机视觉
【YOLOv8改进】 RFB (Receptive Field Block):多分支卷积块
**RFB Net是针对目标检测的轻量级解决方案,它通过设计灵感来自人眼感受野的模块提升特征表示。RFB块包含多分支卷积,模拟不同尺度和偏心率,增强轻量模型如SSD的性能。在保持实时速度的同时,RFB Net在准确性上媲美深度检测器。代码可在GitHub找到。**
|
Java UED
基于SpringBoot自定义线程池实现多线程执行方法,以及多线程之间的协调和同步
这篇文章介绍了在SpringBoot项目中如何自定义线程池来实现多线程执行方法,并探讨了多线程之间的协调和同步问题,提供了相关的示例代码。
3516 0