摘要: 1.1 Vuex是做什么的? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用 集中式存储管理 应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 ti 阅读全文
posted @ 2021-10-28 20:01 guardwhy 阅读(261) 评论(0) 推荐(0)
摘要: 1.1 为什么选择axios? axios 是一个基于 promise 的 HTTP库网络请求插件. 基本特点 可以用在浏览器==(测试网站:httpbin.org/)==和 node.js中 支持 Promise API。 自动转换 JSON 数据。 客户端支持防御 XSRF。 创建项目:vue 阅读全文
posted @ 2021-10-28 20:01 guardwhy 阅读(235) 评论(0) 推荐(0)
摘要: 1.1 项目目录 创建项目: vue init webpack tabbardemo 1.2 项目实现代码 项目所需的图片:https://pan.baidu.com/s/1T0LxSsT4yGamy3giIKcNFw 提取码:bo79 App.vue <template> <div id="app 阅读全文
posted @ 2021-10-28 20:00 guardwhy 阅读(108) 评论(0) 推荐(0)
摘要: 1.1 什么是路由 路由(routing)就是通过互联的网络把信息从源地址传输到目的地址的活动。路由中有一个非常重要的概念叫路由表,路由表本质上就是一个映射表, 决定了数据包的指向。 后端路由渲染(JSP) 早期的网站开发整个HTML页面是由服务器来渲染的,服务器直接生产渲染好对应的HTML页面, 阅读全文
posted @ 2021-10-28 19:59 guardwhy 阅读(623) 评论(0) 推荐(0)
摘要: 1.1 什么是Vue CLI CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架。 Vue CLI是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置。 1.2 Vue CLI使用前提条件 1. 阅读全文
posted @ 2021-10-28 19:57 guardwhy 阅读(359) 评论(0) 推荐(0)
摘要: 1.1 什么是Webpack? 从本质上来讲,webpack是一个现代的JavaScript应用的静态模块打包工具。 前端模块化 在ES6之前,我们要想进行模块化开发,就必须借助于其他的工具,让我们可以进行模块化开发。 并且在通过模块化开发完成了项目后,还需要处理模块间的各种依赖,并且将其进行整合打 阅读全文
posted @ 2021-10-28 19:56 guardwhy 阅读(446) 评论(0) 推荐(0)
摘要: 1.1 为什么使用slot 组件的插槽 组件的插槽也是为了让封装的组件更加具有扩展性,让使用者可以决定组件内部的一些内容到底展示什么。 slot基本使用 在子组件中,使用特殊的元素就可以为子组件开启一个插槽。 该插槽插入什么内容取决于父组件如何使用。 中的内容表示,如果没有在该组件中插入任何其他内容 阅读全文
posted @ 2021-10-28 19:55 guardwhy 阅读(101) 评论(0) 推荐(0)
摘要: 1.1 export基本使用 export指令用于导出变量 export let name = 'kobe'; export let age = 18; export let flag = true; 上面的代码还有另外一种写法 let name = 'kobe'; let age = 18; le 阅读全文
posted @ 2021-10-28 19:55 guardwhy 阅读(154) 评论(0) 推荐(0)
摘要: 1.1 父组件向子组件传递 真实的开发中,Vue实例和子组件的通信和父组件和子组件的通信过程是一样的。 子组件是不能引用父组件或者Vue实例的数据的。这个时候,并不会让子组件再次发送一个网络请求,而是直接让大组件(父组件)将数据传递给小组件(子组件)。 props基本用法 在组件中,使用选项prop 阅读全文
posted @ 2021-10-28 19:54 guardwhy 阅读(69) 评论(0) 推荐(0)
摘要: 1.1 v-model基本使用 Vue中使用v-model指令来实现表单元素和数据的双向绑定。 案例的解析 当输入框输入内容时,因为input中的v-model绑定了message。所以会实时将输入的内容传递给message,message发生改变。 当message发生改变时,因为上面我们使用Mu 阅读全文
posted @ 2021-10-28 19:53 guardwhy 阅读(208) 评论(0) 推荐(0)
摘要: 1.1 基本概念 组件化是Vue.js中的重要思想。 它提供了一种抽象,让我们可以开发出一个个独立可复用的小组件来构造我们的应用。任何的应用都会被抽象成一颗组件树。 ​ 组件化思想的应用 有了组件化的思想,我们在之后的开发中就要充分的利用它。 尽可能的将页面拆分成一个个小的、可复用的组件。 这样让我 阅读全文
posted @ 2021-10-28 19:53 guardwhy 阅读(242) 评论(0) 推荐(0)
摘要: 1.1 项目目录 ​ 1.2 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>购物车案列</title> <link rel="stylesheet" href="style.css"> 阅读全文
posted @ 2021-10-28 19:31 guardwhy 阅读(261) 评论(0) 推荐(0)
摘要: 1.1 filter过滤器 1.1.1 什么是过滤器 过滤器是对即将显示的数据做进一步的筛选处理,然后进行显示,值得注意的是过滤器并没有改变原来的数据,只是在原数据的基础上产生新的数据。 数据加工车间,对值进行筛选加工。 1.1.2 过滤器使用位置 双括号插值内 {{ msg | filterA } 阅读全文
posted @ 2021-10-28 19:30 guardwhy 阅读(44) 评论(0) 推荐(0)
摘要: 1.1 v-on指令 基本特点 作用:绑定事件监听器 缩写:@ 预期:Function | Inline Statement | Object 参数:event 1.1.1 v-on的基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset 阅读全文
posted @ 2021-10-28 19:29 guardwhy 阅读(191) 评论(0) 推荐(0)
摘要: 1.1 computed作用 但是在某些情况,我们可能需要对数据进行一些转化后再显示,或者需要将多个数据结合起来进行显示。 减少运算次数, 缓存运算结果. 运用于重复相同的计算。 1.2 计算属性基本使用 计算属性是写在实例的computed选项中的。 代码示例 <!DOCTYPE html> <h 阅读全文
posted @ 2021-10-28 19:27 guardwhy 阅读(140) 评论(0) 推荐(0)
摘要: 1.1 Mustache语法 {{}}: 插值表达式 通常用来获取Vue实例中定义的数据(data),属性节点中 不能够使用插值表达式。 el: 挂载点 类型: String | HTMLElement 定义 Vue实例挂载的元素节点,表示vue接管该区域。 1、Vue的作用范围是什么 ? Vue会 阅读全文
posted @ 2021-10-28 19:24 guardwhy 阅读(136) 评论(0) 推荐(0)
摘要: 1- Vue.js 介绍 1.1 Vue.js是什么? Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计 为可以自底向上逐层应用。 Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一 方面,当与 阅读全文
posted @ 2021-10-28 19:22 guardwhy 阅读(98) 评论(0) 推荐(0)
摘要: 1-TCP控制 1.1 案例一 案例分析 主机甲的发送窗口为4000字节,主机甲向主机乙连续发送两个最大段,共2000字节。也就是将发送窗口内序号0- -1999的字节数据发送出去,主机乙给主机甲发送针对第一段的确认,并在该确认中给出自己当前的接收窗口大小为2000字节。主机甲收到该确认后,将发送窗 阅读全文
posted @ 2021-10-28 19:15 guardwhy 阅读(205) 评论(0) 推荐(0)
摘要: 1- 域名系统DNS 案列一 案列二 2- 文件传送协议FTP 案例一 案例二 3- 电子邮件 案例一 案例二 案例三 基本分析 SMTP协议只支持传送ASCLL码文本数据,如果电子邮件中包含有非ASCLL码数据,需要经过MIME转换变成ASCLL码数据后,才能使用SMTP协议进行传输。因此,叙述I 阅读全文
posted @ 2021-10-28 19:15 guardwhy 阅读(103) 评论(0) 推荐(0)
摘要: 1- IPV4基本概念 1.1 案例一 2- 分类编制的IPv4地址 2.1 案例一 2.2 案例二 注意事件 需要注意的是,所分配的IP地址应该互不相同,并且其主机号部分不能出现“全0”,因为这是网络地址。 也不能出现“全1”,因为这是广播地址。网络地址或广播地址都不能分配给主机或者路由器的各接口 阅读全文
posted @ 2021-10-28 19:14 guardwhy 阅读(465) 评论(0) 推荐(0)
摘要: 计算机网络慕课地址:https://www.bilibili.com/video/BV1c4411d7jb?p=20 1.1 物理层的基本概念 1.1.1 案例一 1.1.2 案例二 1.2 编码与调制 1.2.1 案例一 1.2.2 案例二 1.3 信道的极限容量 1.3.1 案例一 ​ 1.3. 阅读全文
posted @ 2021-10-28 19:12 guardwhy 阅读(59) 评论(0) 推荐(0)
摘要: 1- 三种可靠协议 1.1 案例一 1.2 案例二​ 1.3 案例三 2- 随机接入 2.1 案例一 2.2 案例二 2.3 案例三 2.4 案例四 3 -CSMA/CD 协议 3.1 案例一 3.2 案例二 ​ 3.3 案例三 4- 集线器与交换机 4.1 习题一 ​ 4.2 习题二 5-虚拟局域 阅读全文
posted @ 2021-10-28 19:12 guardwhy 阅读(85) 评论(0) 推荐(0)
摘要: 计算机网络慕课地址:https://www.bilibili.com/video/BV1c4411d7jb?p=12 1.1计算机网络体系结构 1.1.1 案列一 1.1.2 案列二 1.1.3 案列三 1.1.4 案列四 1.1.5 案列五 1.1.6 案列六 1.1.7 案列七 1.1.8 案列 阅读全文
posted @ 2021-10-28 19:11 guardwhy 阅读(41) 评论(0) 推荐(0)
摘要: 计算机网络慕课地址:https://www.bilibili.com/video/BV1c4411d7jb?p=67 1- 应用层概述 在浏览器的地址中输入某个网站的域名后,就可以访问该网站的内容,这个就是万维网WWW应用,其相关的应用层协议为超文本传送协议HTTP。 用户在浏览器地址栏中输入的是“ 阅读全文
posted @ 2021-10-28 19:10 guardwhy 阅读(145) 评论(0) 推荐(0)
摘要: 1- 运输层概述 1.1 基本概念 ​ 1.2 进程之间的通信 从通信和信息处理的角度看,运输层向它上面的应用层提供通信服务,它属于面向通信部分的最高层,同时也是用户功能中的最低层。 当网络的边缘部分中的两个主机使用网络的核心部分的功能进行端到端的通信时,只有位于网络边缘部分的主机的协议栈才有运输层 阅读全文
posted @ 2021-10-28 19:09 guardwhy 阅读(534) 评论(0) 推荐(0)
摘要: 计算机网络慕课地址:https://www.bilibili.com/video/BV1c4411d7jb?p=41 1- 网络层概述 1.1 基本概念 网络层的主要任务是实现网络互连,进而实现数据包在各网络之间的传输。 注意 这些异构型网络N1~N7如果只是需要各自内部通信,他们只要实现各自的物理 阅读全文
posted @ 2021-10-28 19:03 guardwhy 阅读(392) 评论(0) 推荐(0)
摘要: 计算机网络慕课地址:https://www.bilibili.com/video/BV1c4411d7jb?p=21 1 基本概述 网络中的主机、路由器等都必须实现数据链路层 ​ 步骤操作 主机H1给主机H2发送数据,中间要经过3个路由器和电话网、局域网以及广域网等多种网络。 步骤操作 从五层协议原 阅读全文
posted @ 2021-10-28 19:02 guardwhy 阅读(553) 评论(0) 推荐(0)
摘要: 计算机网络慕课地址:https://www.bilibili.com/video/BV1c4411d7jb?p=14 1.1 基本概念 物理层功能 就是要解决在各种传输媒体上传输比特0和1的问题,进而给数据链路层提供透明传输比特流的服务。 物理层需解决的问题 物理层考虑的是怎样才能在连接各种计算机的 阅读全文
posted @ 2021-10-28 19:01 guardwhy 阅读(170) 评论(0) 推荐(0)
摘要: 计算机网络慕课地址:https://www.bilibili.com/video/BV1c4411d7jb 1.1网络在信息时代的作用 计算机网络已由一种通信基础设施发展成一种重要的信息服务基础设施。 计算机网络已经像水、电、煤气这些基础设施一样,成为我们生活中不可或缺的一部分。 1.2 因特网概述 阅读全文
posted @ 2021-10-28 18:59 guardwhy 阅读(464) 评论(0) 推荐(0)
摘要: 单例模式,是一种常用的软件设计模式。通过单例模式可以保证系统中,应用该模式的这个类永远只有一个实例。即一个类永远只有一个对象实例。 1.1 饿汉式单例 代码示例 package cn.guardwhy.singleDemo01; /** 单例的应用场景:在实例开发中,有很多业务对象永远只需要一个,无 阅读全文
posted @ 2021-10-28 18:57 guardwhy 阅读(49) 评论(0) 推荐(0)
摘要: 1.1 创建项目 1、构建springboot项目 ​ 2、编写一个helloController package cn.guardwhy.controller; import org.springframework.web.bind.annotation.RequestMapping; impor 阅读全文
posted @ 2021-10-28 18:55 guardwhy 阅读(63) 评论(0) 推荐(0)
摘要: 在使用maven管理jar包依赖的时候,为了避免每次都从中央仓库拉取依赖包,使用了nexus做了代理仓库。docker镜像仓库与nexus私服仓库作用类似,用于将打包好的镜像保存在仓库中方便开发、测试、生产环境镜像拉取存储,减轻环境部署需要的相应操作。 1.1 购买阿里云服务器 1、选择云服务器,创 阅读全文
posted @ 2021-10-28 18:53 guardwhy 阅读(368) 评论(0) 推荐(0)
摘要: 1.1 docker官网地址 https://hub.docker.com/r/gitlab/gitlab-ce 官网教程:https://docs.gitlab.com/omnibus/docker/ 1.2 基础镜像 ## 稳定版 docker pull gitlab/gitlab-ce:12. 阅读全文
posted @ 2021-10-28 18:52 guardwhy 阅读(172) 评论(0) 推荐(0)
摘要: 1.1 基本概念 Servlet规范中定义的一种特殊的组件,用来监听Servlet容器产生的事件并进行相应的处理。 底层原理是采用接口回调的方式实现。 1.2 基本分类 监听器类型 作用 javax.servlet.ServletRequestListener 监听request作用域的创建和销毁 阅读全文
posted @ 2021-10-28 18:36 guardwhy 阅读(57) 评论(0) 推荐(0)
摘要: 1.1 EL表达式 1.1.1 基本定义 EL(Expression Language)表达式提供了在JSP中简化表达式的方法,可以方便地访问各种数据并输出。 区别 JSP表达式 EL表达式 语法 <%=变量名或表达式%> ${变量名或表达式} 输出哪里的值 是脚本变量值 作用域中值,如果要使用EL 阅读全文
posted @ 2021-10-28 18:35 guardwhy 阅读(147) 评论(0) 推荐(0)
摘要: 1.1 基本概念 Filter本意为”过滤“的含义,是JavaWeb的三大组件之一,三大组件为:Servlet、Filter、Listener。 过滤器是向 Web 应用程序的请求和响应处理添加功能的 Web 服务组件。 过滤器相当于浏览器与Web资源之间的一道过滤网,在访问资源之前通过一系列的过滤 阅读全文
posted @ 2021-10-28 18:35 guardwhy 阅读(83) 评论(0) 推荐(0)
摘要: 1.1 重定向 1.1.1重定向的概念 首先客户浏览器发送http请求,当web服务器接受后发送302状态码响应及对应新的location给客户浏览器。 客户浏览器发现是302响应,则自动再发送一个新的http请求,请求url是新的location地址,服务器根据此请求寻找资源并发送给客户。 1.1 阅读全文
posted @ 2021-10-28 18:33 guardwhy 阅读(344) 评论(0) 推荐(0)
摘要: 1.1 基本概念 ​ Session本意为"会话"的含义,是用来维护一个客户端和服务器关联的一种技术。浏览器访问服务器时,服务器会为每一个浏览器都在服务器端的内存中分配一个空间,用于创建一个Session对象。 该对象有一个id属性且该值唯一,称为SessionId,并且服务器会将这个Session 阅读全文
posted @ 2021-10-28 18:33 guardwhy 阅读(248) 评论(0) 推荐(0)
摘要: 1.1 POST和GET请求 1.1.1 GET请求 发出GET请求的主要方式: (1)在浏览器输入URL按回车 (2)点击<a>超链接 (3)点击submit按钮,提交 <form method=“get”>表单 GET请求特点: 会将请求数据添加到请求URL地址的后面,只能提交少量的数据、不安全 阅读全文
posted @ 2021-10-28 18:32 guardwhy 阅读(106) 评论(0) 推荐(0)
摘要: 1- 动态web 1.1 web服务器 本身是一个程序,运行在服务器上。也称为Web容器,写的程序是运行在Web容器中。 容器作用: 共享资源(图片,网页),将服务器上资源分享给浏览器。解析写的Java程序 处理用户发送的请求,并且对请求做出响应。把生成的结果以网页的方式显示在浏览器上。 基本结构 阅读全文
posted @ 2021-10-28 18:30 guardwhy 阅读(5479) 评论(0) 推荐(0)
摘要: 1.1 Servlet基本概念 1.1.1 什么是Servlet 本质上就是一个Java类,运行在Tomcat中,由Tomcat来调用。作用:生成一个网页,输出到浏览器。 1.1.2 Servlet与Java程序区别 Servlet本质上就是一个Java类 所有的Servlet必须要实现javax. 阅读全文
posted @ 2021-10-28 18:30 guardwhy 阅读(116) 评论(0) 推荐(0)
摘要: 1.1 下载安装Maven 官网 https://maven.apache.org/ 1.2 配置环境变量 配置如下: MAVEN_HOME maven的目录 path:%MAVEN_HOME%\bin 安装成功 1.3 阿里云镜像 国内使用阿里云的镜像 <mirror> <id>nexus-ali 阅读全文
posted @ 2021-10-28 18:29 guardwhy 阅读(121) 评论(0) 推荐(0)
摘要: 1- JDBC概念 Java DataBase Connectivity 是Java的数据库连接技术,它是一组接口。使用Java编程来访问各种数据库。 2-JDBC特点 由一组接口组成,代码针对接口进行编程的。不需要自己去实现接口,这些接口的实现类由第三方数据库厂商来实现。 ​ 3- JDBC访问数 阅读全文
posted @ 2021-10-28 18:22 guardwhy 阅读(134) 评论(0) 推荐(0)
摘要: 1.1 连接池 1.1.1 连接池基本特点 1) 什么是连接池 实际开发中“获得连接”或“释放资源”是非常消耗系统资源的两个过程,为了解决此类性能问题,通常情况采用连接池技术,来共享连接Connection。 这样就不需要每次都创建连接、释放连接了,这些操作都交给了连接池。 2) 连接池的好处 用池 阅读全文
posted @ 2021-10-28 18:21 guardwhy 阅读(115) 评论(0) 推荐(0)