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

news2024/12/26 6:54:21

总结

此篇文章记录的内容是不全的,我觉得基础的部分没有记录,我想主要学的是此课程的后端部分,前端部分学校有学习过,我就开倍速一带而过啦,还有就是学校学的是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服务器再翻译给客户端

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2265694.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【统计的思想】统计抽样测试(二)

在统计抽样测试里,一旦我们选定了某个测试方案(n|Ac),我们就可以算出任意不合格品率p对应的接收概率L(p)。把各种可能的p值对应的L(p)连成一条曲线,这就是测试方案(n|Ac)的操作特性曲线。比如,方案(80|1)的操作特性曲线长这个样子…

Pytorch | 利用I-FGSSM针对CIFAR10上的ResNet分类器进行对抗攻击

Pytorch | 利用I-FGSSM针对CIFAR10上的ResNet分类器进行对抗攻击 CIFAR数据集I-FGSSM介绍I-FGSSM代码实现I-FGSSM算法实现攻击效果 代码汇总ifgssm.pytrain.pyadvtest.py 之前已经针对CIFAR10训练了多种分类器: Pytorch | 从零构建AlexNet对CIFAR10进行分类 Pytorch…

【多维DP】力扣576. 出界的路径数

给你一个大小为 m x n 的网格和一个球。球的起始坐标为 [startRow, startColumn] 。你可以将球移到在四个方向上相邻的单元格内(可以穿过网格边界到达网格之外)。你 最多 可以移动 maxMove 次球。 给你五个整数 m、n、maxMove、startRow 以及 startColu…

react防止页面崩溃

在 React 中,ErrorBoundary 组件是一种用于捕获并处理其子组件树中发生的 JavaScript 错误的机制。它可以帮助你在应用程序中实现优雅的错误处理,防止整个应用崩溃,并为用户提供友好的错误提示。ErrorBoundary 通过使用 React 的生命周期方法…

Python使用requests_html库爬取掌阅书籍(附完整源码及使用说明)

教程概述 本教程先是幽络源初步教学分析掌阅书籍的网络结构,最后提供完整的爬取源码与使用说明,并展示结果,切记勿将本教程内容肆意非法使用。 原文链接:Python使用requests_html库爬取掌阅书籍(附完整源码及使用说明…

基于earthSDK三维地图组件开发

上效果 功能点 测量分析相机位置切换geojson数据加载地图打点&#xff0c;显示信息点击回传数据二三位切换 这里二三维切换通上篇openlayers分享&#xff0c;技术交流V:bloxed <template><div class"h100 w100"><div style"width:100%; heig…

基于JavaWeb的流动摊位管理系统

一、系统背景与意义 随着城市化进程的加速和市场经济的发展&#xff0c;流动摊位已经成为城市商业活动中不可或缺的一部分。然而&#xff0c;传统的流动摊位管理方式存在诸多弊端&#xff0c;如信息不透明、管理效率低下、租赁不公等。因此&#xff0c;开发一种高效、便捷、智…

自动驾驶3D目标检测综述(六)

停更了好久终于回来了&#xff08;其实是因为博主去备考期末了hh&#xff09; 这一篇接着&#xff08;五&#xff09;的第七章开始讲述第八章的内容。第八章主要介绍的是三维目标检测的高效标签。 目录 第八章 三维目标检测高效标签 一、域适应 &#xff08;一&#xff09;…

100V宽压输入反激隔离电源,适用于N道沟MOSFET或GaN或5V栅极驱动器,无需光耦合

说明: PC4411是一个隔离的反激式控制器在宽输入电压下具有高效率范围为2.7V至100V。它直接测量初级侧反激输出电压波形&#xff0c;不需要光耦合器或第三方用于调节的绕组。设置输出只需要一个电阻器电压。PC4411提供5V栅极驱动驱动外部N沟道MOSFET的电压或GaN。内部补偿和软启…

1.系统学习-线性回归

系统学习-线性回归 前言线性回归介绍误差函数梯度下降梯度下降示例 回归问题常见的评价函数1. MAE, mean absolutely error2. MSE, mean squared error3. R square &#xff08;决定系数或R方&#xff09; 机器学习建模流程模型正则化拓展阅读作业 链接: 2.系统学习-逻辑回归 …

windows使用zip包安装MySQL

windows通过zip包安装MySQL windows通过zip包安装MySQL下载MySQL的zip安装包创建安装目录和数据目录解压zip安装包创建配置目录 etc 和 配置文件 my.ini安装MySQL进入解压后的bin目录执行命令初始化执行命令安装 验证安装查看服务已安装 启动MySQL查看服务运行情况修改密码创建…

【Postgresql】数据库忘记密码时,重置密码 + 局域网下对外开放访问设置

【Postgresql】数据库忘记密码时,重置密码 + 局域网下对外开放访问设置 问题场景数据库忘记密码时,重置密码局域网下对外开放访问设置问题场景 Postgresql可支持复杂查询,支持较多的数据类型,在生产中较为使用。但有时在局域网下,想通过外部连接使用数据库,可能会出现数…

大模型-使用Ollama+Dify在本地搭建一个专属于自己的聊天助手与知识库

大模型-使用OllamaDify在本地搭建一个专属于自己的知识库 1、本地安装Dify2、本地安装Ollama并解决跨越问题3、使用Dify搭建聊天助手4、使用Dify搭建本地知识库 1、本地安装Dify 参考往期博客&#xff1a;https://guoqingru.blog.csdn.net/article/details/144683767 2、本地…

UE5 崩溃问题汇总!!!

Using bundled DotNet SDK version: 6.0.302 ERROR: UnrealBuildTool.dll not found in "..\..\Engine\Binaries\DotNET\UnrealBuildTool\UnrealBuildTool.dll" 在你遇到这种极奇崩溃的BUG &#xff0c;难以解决的时候。 尝试了N种方法&#xff0c;都不行的解决方法。…

数字IC前端学习笔记:脉动阵列的设计方法学(四)

相关阅读 数字IC前端https://blog.csdn.net/weixin_45791458/category_12173698.html?spm1001.2014.3001.5482 引言 脉动结构&#xff08;也称为脉动阵列&#xff09;表示一种有节奏地计算并通过系统传输数据的处理单元(PEs)网络。这些处理单元有规律地泵入泵出数据以保持规则…

软件工程-【软件项目管理】--期末复习题汇总

一、单项选择题 &#xff08;1&#xff09;赶工一个任务时&#xff0c;你应该关注&#xff08; C &#xff09; A. 尽可能多的任务 B. 非关键任务 C. 加速执行关键路径上的任务 D. 通过成本最低化加速执行任务 &#xff08;2&#xff09;下列哪个不是项目管理计划的一部分&…

【Git学习】windows系统下git init后没有看到生成的.git文件夹

[问题] git init 命令后看不到.git文件夹 [原因] 文件夹设置隐藏 [解决办法] Win11 win10

《Posterior Collapse and Latent Variable Non-identifiability》

看起来像一篇很有用的paper&#xff0c;而且还是23年的 没看完 后边看不懂了 Abstract 现有的解释通常将后验崩塌归因于由于变分近似而使用神经网络或优化问题。 而本文认为后验崩塌是潜在变量不可识别性的问题(a problem of latent variable non-identifiability) 本文证明了…

申请腾讯混元的API Key并且使用LobeChat调用混元AI

申请腾讯混元的API Key并且使用LobeChat调用混元AI 之前星哥写了一篇文章《手把手教拥有你自己的大模型ChatGPT和Gemini等应用-开源lobe-chat》搭建的开源项目&#xff0c;今天这篇文章教大家如何添加腾讯云的混元模型&#xff0c;并且使用LobeChat调用腾讯混元AI。 申请腾讯混…

Navicat通过ssh连接mysql

navicat 通过ssh连接mysql 对搭建完的mysql连接时&#xff0c;通过ssh连接的方法 需要确保mysql默认端口3306没有被防火墙阻拦 第一步 第二步 35027448270)] 需要注意的是乌班图系列的默认root的ssh是禁止的&#xff0c;应该用别的账户登录