摘要: 1.1 Vuex是做什么的? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用 集中式存储管理 应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 ti 阅读全文
posted @ 2021-10-28 20:01 guardwhy 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 1.1 为什么选择axios? axios 是一个基于 promise 的 HTTP库网络请求插件. 基本特点 可以用在浏览器==(测试网站:httpbin.org/)==和 node.js中 支持 Promise API。 自动转换 JSON 数据。 客户端支持防御 XSRF。 创建项目:vue 阅读全文
posted @ 2021-10-28 20:01 guardwhy 阅读(222) 评论(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 阅读(94) 评论(0) 推荐(0) 编辑
摘要: 1.1 什么是路由 路由(routing)就是通过互联的网络把信息从源地址传输到目的地址的活动。路由中有一个非常重要的概念叫路由表,路由表本质上就是一个映射表, 决定了数据包的指向。 后端路由渲染(JSP) 早期的网站开发整个HTML页面是由服务器来渲染的,服务器直接生产渲染好对应的HTML页面, 阅读全文
posted @ 2021-10-28 19:59 guardwhy 阅读(592) 评论(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 阅读(338) 评论(0) 推荐(0) 编辑
摘要: 1.1 什么是Webpack? 从本质上来讲,webpack是一个现代的JavaScript应用的静态模块打包工具。 前端模块化 在ES6之前,我们要想进行模块化开发,就必须借助于其他的工具,让我们可以进行模块化开发。 并且在通过模块化开发完成了项目后,还需要处理模块间的各种依赖,并且将其进行整合打 阅读全文
posted @ 2021-10-28 19:56 guardwhy 阅读(418) 评论(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 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 1.1 为什么使用slot 组件的插槽 组件的插槽也是为了让封装的组件更加具有扩展性,让使用者可以决定组件内部的一些内容到底展示什么。 slot基本使用 在子组件中,使用特殊的元素就可以为子组件开启一个插槽。 该插槽插入什么内容取决于父组件如何使用。 中的内容表示,如果没有在该组件中插入任何其他内容 阅读全文
posted @ 2021-10-28 19:55 guardwhy 阅读(80) 评论(0) 推荐(0) 编辑
摘要: 1.1 父组件向子组件传递 真实的开发中,Vue实例和子组件的通信和父组件和子组件的通信过程是一样的。 子组件是不能引用父组件或者Vue实例的数据的。这个时候,并不会让子组件再次发送一个网络请求,而是直接让大组件(父组件)将数据传递给小组件(子组件)。 props基本用法 在组件中,使用选项prop 阅读全文
posted @ 2021-10-28 19:54 guardwhy 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 1.1 v-model基本使用 Vue中使用v-model指令来实现表单元素和数据的双向绑定。 案例的解析 当输入框输入内容时,因为input中的v-model绑定了message。所以会实时将输入的内容传递给message,message发生改变。 当message发生改变时,因为上面我们使用Mu 阅读全文
posted @ 2021-10-28 19:53 guardwhy 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 1.1 基本概念 组件化是Vue.js中的重要思想。 它提供了一种抽象,让我们可以开发出一个个独立可复用的小组件来构造我们的应用。任何的应用都会被抽象成一颗组件树。 ​ 组件化思想的应用 有了组件化的思想,我们在之后的开发中就要充分的利用它。 尽可能的将页面拆分成一个个小的、可复用的组件。 这样让我 阅读全文
posted @ 2021-10-28 19:53 guardwhy 阅读(190) 评论(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 阅读(232) 评论(0) 推荐(0) 编辑
摘要: 1.1 filter过滤器 1.1.1 什么是过滤器 过滤器是对即将显示的数据做进一步的筛选处理,然后进行显示,值得注意的是过滤器并没有改变原来的数据,只是在原数据的基础上产生新的数据。 数据加工车间,对值进行筛选加工。 1.1.2 过滤器使用位置 双括号插值内 {{ msg | filterA } 阅读全文
posted @ 2021-10-28 19:30 guardwhy 阅读(37) 评论(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 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 1.1 computed作用 但是在某些情况,我们可能需要对数据进行一些转化后再显示,或者需要将多个数据结合起来进行显示。 减少运算次数, 缓存运算结果. 运用于重复相同的计算。 1.2 计算属性基本使用 计算属性是写在实例的computed选项中的。 代码示例 <!DOCTYPE html> <h 阅读全文
posted @ 2021-10-28 19:27 guardwhy 阅读(107) 评论(0) 推荐(0) 编辑
摘要: 1.1 Mustache语法 {{}}: 插值表达式 通常用来获取Vue实例中定义的数据(data),属性节点中 不能够使用插值表达式。 el: 挂载点 类型: String | HTMLElement 定义 Vue实例挂载的元素节点,表示vue接管该区域。 1、Vue的作用范围是什么 ? Vue会 阅读全文
posted @ 2021-10-28 19:24 guardwhy 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 1- Vue.js 介绍 1.1 Vue.js是什么? Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计 为可以自底向上逐层应用。 Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一 方面,当与 阅读全文
posted @ 2021-10-28 19:22 guardwhy 阅读(65) 评论(0) 推荐(0) 编辑
摘要: 1-TCP控制 1.1 案例一 案例分析 主机甲的发送窗口为4000字节,主机甲向主机乙连续发送两个最大段,共2000字节。也就是将发送窗口内序号0- -1999的字节数据发送出去,主机乙给主机甲发送针对第一段的确认,并在该确认中给出自己当前的接收窗口大小为2000字节。主机甲收到该确认后,将发送窗 阅读全文
posted @ 2021-10-28 19:15 guardwhy 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 1- 域名系统DNS 案列一 案列二 2- 文件传送协议FTP 案例一 案例二 3- 电子邮件 案例一 案例二 案例三 基本分析 SMTP协议只支持传送ASCLL码文本数据,如果电子邮件中包含有非ASCLL码数据,需要经过MIME转换变成ASCLL码数据后,才能使用SMTP协议进行传输。因此,叙述I 阅读全文
posted @ 2021-10-28 19:15 guardwhy 阅读(90) 评论(0) 推荐(0) 编辑
摘要: 1- IPV4基本概念 1.1 案例一 2- 分类编制的IPv4地址 2.1 案例一 2.2 案例二 注意事件 需要注意的是,所分配的IP地址应该互不相同,并且其主机号部分不能出现“全0”,因为这是网络地址。 也不能出现“全1”,因为这是广播地址。网络地址或广播地址都不能分配给主机或者路由器的各接口 阅读全文
posted @ 2021-10-28 19:14 guardwhy 阅读(336) 评论(0) 推荐(0) 编辑