黑马程序员JavaWeb开发教程(前端部分) ---笔记分享
总结
此篇文章记录的内容是不全的,我觉得基础的部分没有记录,我想主要学的是此课程的后端部分,前端部分学校有学习过,我就开倍速一带而过啦,还有就是学校学的是Vue3和此视频讲的Vue2还是有一定区别的。希望能对大家有帮助(′▽`),谢谢啦(●’'●)。
目录
1、VS Code (下载网址:Visual Studio Code - Code Editing. Redefined)
2)部署:将打包好的dist目录下的文件,复制到nginx安装目录的html目录下
一、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服务器再翻译给客户端
原文地址:https://blog.csdn.net/m0_74823388/article/details/144731534
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!