2020-07-09 html的404 + css的字体左右间距 + JS的Navigator.sendBeacon() + 时序图

2020-07-09 题目来源：http://www.h-camel.com/index.html

[html] 404页面

404页面时客户端在浏览网页时，服务器无法正常提供信息，或服务器无法响应。

4开头的表示客户错误 5开头代表服务端错误

作用： 引自 百度百科 404页面

1. 避免出现死链接，即得知网站失效，便不再索引改网页，并向数据中心反馈将该URL表示的网页从索引数据库中删除，避免因为死链接影响网站的收录。

2. 提升用户体验感，告诉浏览者其所请求的页面不存在或链接错误，同时引导用户使用网站其他页面而不是关闭窗口离开，消除用户的挫败感。

3. 避免信任度降低，搜索引擎通过HTTP状态码来识别网页的状态。当搜索引擎获得了一个错误链接时，网站应该返回404状态码，告诉搜索引擎放弃对该链接的索引。而如果返回200或302状态码，搜索引擎就会为该链接建立索引，这导致大量不同的链接指向了相同的网页内容。结果是，搜索引擎对该网站的信任度大幅降低。很多网站存在这个问题：404页面返回的是200或302状态码而不是404状态码。

4. 避免被惩罚, 有些网站由于应用了一些错误的服务器配置，导致返回的是200状态码或是302状态码，虽然这些状态码对访问网站的用户没有影响，但是却会误导搜索引擎，使搜索引擎认为该页面是有效页面，从而抓取下来。如果404页面过多，就造成了大量的重复页面，很有可能被搜索引擎认为是作弊而遭到惩罚.

常见的http返回码：

 

 

[css] 如何设置字体的左右间距

设置标签的letter-spacing 属性

[js] Navigator.sendBeacon()应用场景

这个方法主要用于满足统计和诊断代码的需要，这些代码通常尝试在卸载（unload）文档之前向web服务器发送数据。
navigator.sendBeacon() 方法可用于通过HTTP将少量数据异步传输到Web服务器。

navigator.sendBeacon(url, data);
url: 表明data将要被发送的网络地址
data： 将要发送的 ArrayBufferView 或 Blob, DOMString 或者 FormData 类型的数据。
返回值: 当用户代理成功把数据加入传输队列时，sendBeacon() 方法将会返回 true，否则返回 false。

MDN https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/sendBeacon

[软技能] 时序图

UML 统一建模语言，为面向对象系统的产品进行说明、可视化和编制文档的一种标准语言。
时序图(Sequence Diagram)，又名序列图、循序图，是一种UML交互图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作。

来自 https://blog.csdn.net/fly_zxy/article/details/80911942

本文地址：https://blog.csdn.net/vampire10086/article/details/107311293