菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 张建斌-2023-1-30 [打印本页]

作者: IT5353 时间: 2023-2-9 19:59
标题: 张建斌-2023-1-30
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 = '';

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)