2020-11-26——JSON、HTTP部首、HTML语义化、优化SEO

a. JS: 了解JSON
b. 网络 常用http首部有哪些?
c. html 讲讲html语义化?怎么优化SEO?

a.

JSON

是什么

JSON 是一种通用的数据格式,很多语言都有解析和序列化 JSON 的内置能力。

JSON 语法支持表示 3 种类型的值。
 简单值:字符串、数值、布尔值和 null 可以在 JSON 中出现,就像在 JavaScript 中一样。特殊值 undefined 不可以。
 对象:第一种复杂数据类型,对象表示有序键/值对。每个值可以是简单值,也可以是复杂类型。
 数组:第二种复杂数据类型,数组表示可以通过数值索引访问的值的有序列表。数组的值可以是任意类型,包括简单值、对象,甚至其他数组。

JSON 表示相同的对象的语法是:
{
"name": "Nicholas", //使用双引号把属性名包围起来
"age": 29
}

JSON嵌套
{
"name": "Nicholas",
"age": 29,
"school": {
	"name": "Merrimack College",
	"location": "North Andover, MA"
	}
}

含相同属性的JSON可以用[]括起来表示JSON数组
var person=
[
	{
		"name":"Bobe",
		"job":"teacher"
	},
	{
		"name":"Rose",
		"job":"doctor"
	}
]

JSON解析与序列化

person[1].job   //doctor
doc.getElementsByTagName("book")[1].getAttribute("job");

JSON对象

  • JSON.stringify()方法:将JavaScript 序列化为 JSON 字符串


let book = {
	title: "Professional JavaScript",
	authors: [
		"Nicholas C. Zakas",
		"Matt Frisbie"
	],
	edition: 4,
	year: 2017
};
let jsonText = JSON.stringify(book);
jsonText的值:
{"title":"Professional JavaScript","authors":["Nicholas C.Zakas","Matt Frisbie"],"edition":4,"year":2017}

过滤结果
let jsonText = JSON.stringify(book, ["title", "edition"]);
jsonText值:
{"title":"Professional JavaScript","edition":4}

字符串缩进
//例如,每级缩进 4 个空格
let jsonText = JSON.stringify(book, null, 4);
jsonText值:
{
	title: "Professional JavaScript",
	authors: [
		"Nicholas C. Zakas",
		"Matt Frisbie"
	],
	edition: 4,
	year: 2017
}
  • JSON.parse()方法:
let book = {
	title: "Professional JavaScript",
	authors: [
		"Nicholas C. Zakas",
		"Matt Frisbie"
	],
	edition: 4,
	year: 2017,
	releaseDate: new Date(2017, 11, 1)
};
let jsonText = JSON.stringify(book);
let bookCopy = JSON.parse(jsonText,
(key, value) => key == "releaseDate" ? new Date(value) :value);
alert(bookCopy.releaseDate.getFullYear());

b.

HTTP首部

请求首部字段
在这里插入图片描述
响应首部字段
在这里插入图片描述
实体首部字段
在这里插入图片描述

c.

HTM语义化

根据内容的结构化,选择合适的语义化标签,以便于开发者阅读和写出更优雅的代码,同时让浏览器更好的解析。

优化SEO

利用优化的网站结构和内容,以及优化一些外部信息,使得的网站在搜索引擎中更容易被发现。

SEO优化策略主要包括关键词优化、网站结构和内容优化、注重内链和外链的优化

引自:SEO优化

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页