2020-11-27——cookie、session、ES6模块化、HTML转义符

a. JS: 掌握ES6中的模块化， 并了解多种模块化方式的特点
b. 网络 了解cookie和session的区别和作用
c.html 如何在 HTML 页面上展示 < div>< /div> 这几个字符？

a.

ES6中的模块化

ECMAScript 6 模块是作为一整块 JavaScript 代码而存在的。带有 type=“module” 属性的 < script>标签会告诉浏览器相关代码应该作为模块执行，而不是作为传统的脚本执行。模块可以嵌入在网页中，
也可以作为外部文件引入：

<script type="module">
// 模块代码
</script>
<script type="module" src="path/to/myModule.js"></script>

所有模块都会像 < script defer> 加载的脚本一样按顺序执行。解析到 < script type=“module”> 标签后会立即下载模块文件，但执行会延迟到文档解析完成。
< script type=“module”> 在页面中出现的顺序就是它们执行的顺序。与 < script defer> 一样，修改模块标签的位置，无论是在 < head> 还是在 < body> 中，只会影响文件什么时候加载，而不会影响模块什么时候加载

<!-- 第二个执行 -->
<script type="module"></script>
<!-- 第三个执行 -->
<script type="module" src="module.js"></script>
<!-- 第一个执行 -->
<script><script>

<!-- moduleA 在这个页面上只会被加载一次 -->
<script type="module"> ←被认为是模块图中的入口模
import './moduleA.js'
<script>
<script type="module">
import './moduleA.js'
<script>
<script type="module" src="./moduleA.js"></script>
<script type="module" src="./moduleA.js"></script>
嵌入的模块定义代码不能使用 import 加载到其他模块。只有通过外部文件加载的模块才可以使用import 加载。因此，嵌入模块只适合作为入口模块。

// 解析为/components/bar.js
import ... from './bar.js';
// 解析为/bar.js
import ... from '../bar.js';
// 解析为/bar.js
import ... from '/bar.js';

b.

网络

cookie

Cookie 是存储在客户端计算机上的文本文件，并保留了各种跟踪信息。
Cookie 通常设置在 HTTP 头信息中

Set-Cookie 头包含了一个名称值对、一个 GMT 日期、一个路径和一个域。
HTTP/1.1 200 OK
Date: Fri, 04 Feb 2000 21:03:38 GMT
Server: Apache/1.3.9 (UNIX) PHP/4.0b3
Set-Cookie: name=xyz; expires=Friday, 04-Feb-07 22:03:38 GMT; 
                 path=/; domain=runoob.com
Connection: close
Content-Type: text/html

session

session详解

c.

HTML在页面上显示< div>< /div>

使用转义符

字符	转义字符
“	&quot ;
&	&amp ;
<	&lt ;
>	&gt ;

<div>&lt;div&gt;&lt;/div&gt; </div>