1.理解绝对路径和相对路径的差别,绝对路径的优势
绝对路径:当 href 和 src 属性中的地址以 **/ 开头时就是绝对路径**,该路径会自动补全浏览器地址栏中协议、IP/域名、端口号
相对路径:./ : 去掉当前路径中的最后一层,继续向下拼 ../ : 去掉当前路径中的后两层,继续向下拼
2.掌握path模块的用法
(1)通过对改造 index.html 和 add.html 页面中静态资源的路径
(2) 2.2 路径变量
- __dirname:获取当前文件所处目录的绝对路径
- __filename:获取当前文件的绝对路径
(3)
1) join()方法: 能够根据不同参数不同系统组装不同的文件地址==
2) sep 属性: / 或 \ , windows系统下是 \ ; 类 unix 系统下是 /
3) dirname(): 获取文件路径 (不包含文件名)
4) basename(): 获取文件名 (不包含目录路径)
5) extname(): 获取文件后缀
3.掌握art-template模板引擎的用法
(1) 模板引擎的安装
(2)加载 art-template 模板引擎
(3) 准备模板页(一般是html页面) 和 要显示在页面上的数据 (js/json 对象) xml
属性不加双引号或者加双引号均可,但是切忌不要加单引号。此处不会出错,但是其他的位置可能会出错。
html页面(模板页)上使用特殊标记({{key}}),将要显示数据的位置标记出来;此处的key就是js对象的属性
(4)调用模板引擎核心方法
```js
//参数1: 模板文件路径 --- 必须使用绝对路径
//参数2: 要显示出来的数据 --- js/json对象
//返回值: 数据和模板组装好的字符串
let htmlStr = template(var1, var2);
4.掌握post和get两种方式提交表单
(1)表单标签: form、input、select-option、textarea
表单提交有两种方式 get(默认) 和 post(常用)
(2)post表单提交的必要条件
- 必须有form标签
- action:表单数据提交的位置,必须是一种后端技术来接收
- method: 表单提交的方式,post(常用)、 get(默认)
- 每个表单域都要有name属性和值
- 必须要有submit按钮来提交表单数据
后端接收 --- post方式
- data事件:用来接收表单数据,表单数据会被切割成一块一块,data事件会循环来接收
- end事件: 当表单数据接收完毕后会自动触发,此时可以操作表单提交的数据
```js
// 1. 声明一个空字符串来拼接从post表单提交的数据
let str = '';
|