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

标题: 前端-陈旭辉-20230612 [打印本页]

---

作者: 陌殇    时间: 2023-6-14 19:10
标题: 前端-陈旭辉-20230612
一、学习内容

1.path模块

1) join(，，，，)方法： ==能够根据不同参数不同系统组装不同的文件地址== /

2) sep 属性： / 或 \   ，  windows系统下是 \   ;   类 unix 系统下是  /

3) dirname('xxxxx'):  获取文件路径 （不包含文件名）

4) basename():  获取文件名 （不包含目录路径）

5) extname():  获取文件后缀

2.art-template模版引擎

1）模板引擎的本质是一种字符串拼接技术

2）按照规则在模板页（网页）上挖坑，布置数据规则

3）再将数据和模板组合成一个字符串

2.1 art-template的基本使用

1) 安装 / 下载 模板引擎  (npm i art-template) 补充说明：如果不能正常安装，先执行命令npm init -y

2) 加载 art-template 模块 (require)

3) 准备模板页（一般是html页面） 和  要显示在页面上的数据 （js 对象）

4) 调用模板引擎核心方法（template）组装模板和数据，得到一个字符串

5) 将组装好的字符串返回给浏览器

3.循环结构 - each

{{each data value index}}        输出的html内容{{/each}}data: 要循环输出的数组value: 单元值index: 单元索引（一般不用）注意: 使用 {{/each}} 结束循环

4.if...else 结构

1）只使用if

{{if 判断表达式}}

        结果

{{/if}}

2）if...else

{{if 判断表达式}}

        <h2>还没有评论。。。。</h2>

{{else}}

        结果2

{{/if}}

3）if...elseif...else

{{if 判断表达式1}}        结果1{{else if 判断表达式2}}        结果2{{else if 判断表达式3}}        结果3{{else}}        结果4{{/if}}

5.表单提交

表单标签： form、input、select-option、textarea

表单提交有两种方式 get（默认） 和 post（常用）

1）post表单提交的必要条件

必须有form标签

        action：表单数据提交的位置，必须是一种后端技术来接收

       method： 表单提交的方式，post（常用）、 get（默认）

每个表单域都要有name属性和值

必须要有submit按钮来提交表单数据

2） 后端接收 --- post方式

data事件：用来接收表单数据，表单数据会被切割成一块一块，data事件会循环来接收

end事件： 当表单数据接收完毕后会自动触发，此时可以操作表单提交的数据

querystring模块处理数据

6.get和post的区别

通过URL地址栏来区分post和get

1）提交方式

get会将数据显式的拼接到url地址栏中  (字符串)

post不会显示出来： 通过 request body 传递参数。

2) 传递数据量大小

post最小值是2M，理论上没有上限的。

get会受到浏览器的地址栏的限制。有的是2k（IE6），有的是8K(chrome)

3) 应用范围不一样

post在绝大多数情况下都使用在表单提交中。

get的应用范围比较广，只要能进行页面跳转，就能传递数据。在a标签的href中，location.href中等都能使用get方式。

---

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

Powered by Discuz! X3.4