I am ne zha / Jeskson

中文w3school说的是元信息 其中的关键是metadata，中文名叫元数据，是用于描述数据的数据。它不会显示在页面上，但是机器却可以识别。这么一来meta标签的作用方式就很好理解了。 meta常用于定义页面的说明，关键字，最后修改日期，和其它的元数据。这些元数据将服务于浏览器（如何布局或重载页面），搜索引擎和其它网络服务。 组成 meta标签共有两个属性，分别是http-equiv属性和name属性。 name属性主要用于描述网页，比如网页的关键词，叙述等。与之对应的属性值为content，content中的内容是对name填入类型的具体描述，便于搜索引擎抓取。

超文本传输​​协议（HTTP）是一个用于传输超媒体文档（例如 HTML）的应用层协议。它是为 Web 浏览器与 Web 服务器之间的通信而设计的，但也可以用于其他目的。HTTP 遵循经典的客户端-服务端模型，客户端打开一个连接以发出请求，然后等待它收到服务器端响应。HTTP 是无状态协议，这意味着服务器不会在两个请求之间保留任何数据（状态）。该协议虽然通常基于 TCP/IP 层，但可以在任何可靠的传输层上使用；也就是说，不像 UDP，它是一个不会静默丢失消息的协议。RUDP——作为 UDP 的可靠化升级版本——是一种合适的替代选择。

教程 通过以下指南和教程来学习如何使用 HTTP。 HTTP 概述 介绍了客户端-服务器端协议的基本特征：它能够做什么以及它的设计意图。 HTTP 缓存 缓存对高速 Web 站点来说是非常之重要的。这篇文章阐述了不同种类的缓存以及如何配置 HTTP 首部来控制它们。 HTTP Cookie RFC 6265 定义了 cookie 是怎样工作的。当接收到一个 HTTP请求时，服务器可以在响应中发送一个 Set-Cookie 首部字段。接着，对于同一台服务器发起的每一个请求，客户端都会在 HTTP 请求头中以字段 Cookie 的形式将 cookie 的值发送过去。 此外，还可以指定一个过期时间，也可以指定一个特定的域名和路径中使用。...

如果你写一个声明和初始化变量的多行JavaScript代码的程序，你可以在初始化变量之后再实际声明它，并且它仍然可以工作。这是因为变量的声明通常在其余的代码执行之前完成。这叫做顶置

```js myName = 'Chris'; function logName() { console.log(myName); } logName(); var myName; ``` 当你使用 var 时，可以根据需要多次声明相同名称的变量，但是 let 不能。

冒泡还允许我们利用事件委托——这个概念依赖于这样一个事实,如果你想要在大量子元素中单击任何一个都可以运行一段代码，您可以将事件监听器设置在其父节点上，并让子节点上发生的事件冒泡到父节点上，而不是每个子节点单独设置事件监听器。

脚本阻塞问题实际有两种解决方案 —— async 和 defer。 浏览器遇到 async 脚本时不会阻塞页面渲染，而是直接下载然后运行。这样脚本的运行次序就无法控制，只是脚本不会阻止剩余页面的显示。当页面的脚本之间彼此独立，且不依赖于本页面的其它任何脚本时，async 是最理想的选择。 使用 defer 属性，脚本将按照在页面中出现的顺序加载和运行： ```js ``` 添加 defer 属性的脚本将按照在页面中出现的顺序加载，因此第二个示例可确保 jquery.js 必定加载于 script2.js 和 script3.js 之前，同时 script2.js 必定加载于 script3.js 之前。

1.组件渲染时，会通过 Vue.extend 方法构建子组件构造函数（原型继承的方法实现） 2.installComponentHooks 安装组件的钩子函数 init：初始化，prepatch：预补丁、insert：插入、destroy ：销毁 3.用 new VNode 实例化（组件的 vNode 没有 children） 然后手动调用 $mount( ) 进行挂载 更新组件时 patchVnode 流程，其核心是 diff 算法

```js /** * call */ Function.prototype.myCall = function (context = window,...args) { if(this === Function.prototype) { return undefined } context = context || window const fn = Symbol(); context[fn] =...

``` .text { width: 55px; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-word; } ```