黑马程序员JavaWeb开发教程(前端部分) ---笔记分享

总结

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

目录

总结

一、HTML、CSS---Day01~03-13

[1、VS Code (下载网址:Visual Studio Code - Code Editing. Redefined)](#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服务器再翻译给客户端

相关推荐
m0_748255263 小时前
前端安全——敏感信息泄露
前端·安全
明明真系叻4 小时前
第二十六周机器学习笔记:PINN求正反解求PDE文献阅读——正问题
人工智能·笔记·深度学习·机器学习·1024程序员节
鑫~阳4 小时前
html + css 淘宝网实战
前端·css·html
Catherinemin4 小时前
CSS|14 z-index
前端·css
2401_882727576 小时前
低代码配置式组态软件-BY组态
前端·后端·物联网·低代码·前端框架
NoneCoder6 小时前
CSS系列(36)-- Containment详解
前端·css
anyup_前端梦工厂6 小时前
初始 ShellJS:一个 Node.js 命令行工具集合
前端·javascript·node.js
mashagua6 小时前
RPA系列-uipath 学习笔记3
笔记·学习·rpa
nikoni236 小时前
828考研资料汇总
笔记·其他·硬件工程
5hand6 小时前
Element-ui的使用教程 基于HBuilder X
前端·javascript·vue.js·elementui