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
相关文章
|
17天前
|
前端开发 JavaScript UED
在 max-height 属性的使用过程中有哪些需要注意的地方?
【10月更文挑战第27天】在使用`max-height`属性时,需要充分考虑其与其他属性的配合、对布局和内容显示的影响、兼容性问题以及在响应式设计和动态内容处理中的特殊情况等,通过合理的设置和调整,以实现预期的页面布局效果和良好的用户体验。
|
5月前
|
UED
简述a标签target属性的取值和作用
简述a标签target属性的取值和作用
50 0
|
前端开发 JavaScript 容器
display有哪些值?说明他们的作用?
display有哪些值?说明他们的作用?
122 0
|
6月前
|
JavaScript
为什么data属性是一个函数而不是一个对象?
为什么data属性是一个函数而不是一个对象?
84 1
|
6月前
|
搜索推荐 前端开发 UED
元素的alt和title属性相关细节知识
元素的alt和title属性相关细节知识
|
6月前
|
JavaScript 前端开发
如何巧妙使用`Object.keys`方法将`JS`的一个对象的特定的值赋值给另外一个对象
如何巧妙使用`Object.keys`方法将`JS`的一个对象的特定的值赋值给另外一个对象
44 0
定义一个类Rectangle,描述一个矩形,包含有长、宽两种属性(用length和width表示)和计算面积的方法(方面名定义为area)。
定义一个类Rectangle,描述一个矩形,包含有长、宽两种属性(用length和width表示)和计算面积的方法(方面名定义为area)。
818 0
|
搜索推荐 前端开发 JavaScript
meta标签有哪些属性和属性值?li设为行内块时有间隙怎么办?call、apply和bind的作用和区别?
`meta`标签可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。`meta`标签位于文档的头部,不包含任何内容。`meta`标签的属性定义了与文档相关联的名称/值对。
|
Web App开发 JavaScript 前端开发
学习Array类型看这一篇就够了(Array类型特点,Array原型方法,浏览器sort底层实现,深浅拷贝)
学习Array类型看这一篇就够了(Array类型特点,Array原型方法,浏览器sort底层实现,深浅拷贝)
135 0
关于 操作COM组件的RGB属性只能传递一个int表达COM三色属性rgb 的解决方法
关于 操作COM组件的RGB属性只能传递一个int表达COM三色属性rgb 的解决方法
关于 操作COM组件的RGB属性只能传递一个int表达COM三色属性rgb 的解决方法