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
c.
HTML在页面上显示< div>< /div>
使用转义符
字符 | 转义字符 |
---|---|
“ | " ; |
& | & ; |
< | < ; |
> | > ; |
<div><div></div> </div>