总结

此篇文章记录的内容是不全的，我觉得基础的部分没有记录，我想主要学的是此课程的后端部分，前端部分学校有学习过，我就开倍速一带而过啦，还有就是学校学的是Vue3和此视频讲的Vue2还是有一定区别的。希望能对大家有帮助(′▽`)，谢谢啦(●’'●)。

目录

总结

一、HTML、CSS—Day01~03-13

1、VS Code (下载网址：Visual Studio Code - Code Editing. Redefined)

?编辑

2、盒子模型

二、JS—Day02~01-14

1、引入方式

2、变量

3、数据类型、运算符

4、函数

?编辑

5、对象

1）数组(Array对象)

①length：设置或返回数组中的元素数量

②foreach()：遍历数组中有值的元素

③push()：添加元素到数组末尾，并返回新的长度

④splice()：从数组中删除元素

⑤箭头函数

2）字符串(String对象)

①方法

3）JavaScript自定义对象

①定义格式

②调用格式

4）JSON对象

①概念

②基础语法

Ⅰ、定义

Ⅱ、JSON字符串转为JS对象

Ⅲ、JS对象转为JSON字符串

5）BOM对象

②Window

③Location

6）DOM对象

①概念

②函数用法?编辑

6、JS事件监听

1）事件绑定

?编辑

2）常见事件

三、Vue—Day02~15-19

1、什么是Vue

?编辑

2、常用指令

四、Ajax—Day03~01-02

1、同步与异步

2、Axios

五、前端工程化—Day03~03-06

1、Vue项目-目录结构

2、Vue项目开发流程

六、Vue的组件库Element—Day03~07-14

1）vue3中升级为Element?Plus

2）Element组件

七、Vue路由—Day03~15

八、打包部署—Day03~16

1）Nginx

2）部署：将打包好的dist目录下的文件，复制到nginx安装目录的html目录下

3）查看那个进程占用80端口：

评论区整理

1）Servlet

---

一、HTML、CSS—Day01~03-13

我觉得HTML、CSS讲的比较基础我就用截图代替啦，视频主要讲的是书写格式以及标签的运用，这些看一遍视频就OK，标签其实不用全部记下来有印象就可以啦，在运用时忘记就去查w3school——>链接(w3school 在线教程)。

Web前端网页开发三剑客：

1、VS Code (下载网址：Visual Studio Code - Code Editing. Redefined)

2、盒子模型

二、JS—Day02~01-14

1、引入方式

2、变量

3、数据类型、运算符

4、函数

5、对象

1）数组(Array对象)

①length：设置或返回数组中的元素数量

②foreach()：遍历数组中有值的元素

③push()：添加元素到数组末尾，并返回新的长度

④splice()：从数组中删除元素

⑤箭头函数

2）字符串(String对象)

①方法

注意：substring 含头不含尾

3）JavaScript自定义对象

①定义格式

②调用格式

4）JSON对象

①概念

JavaScript Object Notation ，JavaScript对象标记法

JSON是通过JavaScript对象标记法书写的文本

多作用于数据载体，在网络中进行数据传输

②基础语法

Ⅰ、定义

Ⅱ、JSON字符串转为JS对象

var jsObject = JSON.parse(userStr);

Ⅲ、JS对象转为JSON字符串

var jsonStr = JSON.stringify(jsObject)

5）BOM对象

①概念

Browser Object Model 浏览器对象模型，允许JavaScript与浏览器对话，JavaScript将浏览器的各个组成部分封装为对象。

②Window

③Location

6）DOM对象

①概念

Document Object Model，文档对象模型。将标记语言的各个组成部分封装为对应的对象：

②函数用法

6、JS事件监听

1）事件绑定

方式一：通过HTML标签中的事件属性进行绑定

方式二：通过DOM元素属性绑定

2）常见事件

三、Vue—Day02~15-19

一开始我对框架没有很深刻认知，理解为跟楼房建筑的框架是一个意思，看完视频里的这句话我真正理解什么是框架-------是一个半成品软件，是一套可重用的、通用的、软件基础代码模型。基于框架进行开发，更加便捷、更加高效。视频讲的是Vue2，现在学校里已经讲Vue3了，就简单记述一下不理解和忘记的地方。

1、什么是Vue

2、常用指令

四、Ajax—Day03~01-02

1、同步与异步

2、Axios

Axios对原生的Ajax进行了封装，简化书写，快速开发

五、前端工程化—Day03~03-06

1、Vue项目-目录结构

2、Vue项目开发流程

六、Vue的组件库Element—Day03~07-14

1）vue3中升级为ElementPlus

组件库，组件组成网页的部件，例如超链接，按钮，图片，表格，表单，分页条等等

2）Element组件

学习组件使用方法多去官网去查去用(Overview 组件总览 | Element Plus)

七、Vue路由—Day03~15

八、打包部署—Day03~16

1）Nginx

2）部署：将打包好的dist目录下的文件，复制到nginx安装目录的html目录下

3）查看那个进程占用80端口：

评论区整理

1）Servlet

客户端发送http请求给服务端,这个请求可以是获取网页、提交表单数据、下载文件等，服务端通过web服务器（Tomcat）将http请求解析为request(HttpServletRequest)对象给servlet，servlet处理request对象请求，并返回一个response对象(HttpServletResponse)(对象中包含了返回给客户端的数据，例如HTML页面、JSON数据等)，web服务器将response对象解析为http响应，发送给客户端。 servlet就像一个做题大师，客户端需要服务端帮忙做题，web服务器就是一个翻译官，客户端传入问题，web服务器将这个问题翻译给servlet，servlet做完之后把答案给web服务器，之后web服务器再翻译给客户端