页面axios网络vue
IDEA:AXIOS使用网页报错net::ERR_CONNECTION_REFUSED
之前使用的是下载的文件，一直是报错的状态，页面加载不进来 之后进官网选择在线的之后可用。 ......
Vue router 路由
#路由 ##跳转页面和路由模式 ###vue的路由 1. 路由的文档 https://v3.router.vuejs.org/zh/api/ 2. 路由是干什么的 ==》 就是来负责跳转页面...反正是和页面打交道的 3. vue + router是单页面应用（SPA） 解释一下“什么是”单页面 ： ......
计算机网络与通信技术 - 1.1计算机网络概述
#### 网络的两大特点 1. 连通性 上网用户之间可以交换信息，好像计算机之间彼此直接连通也一样。 2. 共享 资源共享。不仅是信息共享、软件共享，也可以硬件共享。 #### 网络 节点用链路连接起来，组成网络。 互联网就是许多网络通过路由器连接在一起。 #### ......
vue3-watch监听器的使用
## 基本使用方式 ``` export default { watch: { someObject: { handler(newValue, oldValue) { // 注意：在嵌套的变更中， // 只要没有替换对象本身， // 那么这里的 `newValue` 和 `oldValue` 相同 ......
第十篇 - Vue接收后台Json数据
先看下想达到的效果，当用户名密码输错了，就报用户名密码错误。用户名密码成功了，就跳转到登录成功页面 上一节已经实现SpringBoot封装Json数据，这次使用Vue post API获取Json数据 HelloWorld.vue /* eslint-disable */ <template> <d ......
vue 3教程
## 创建项目 create-vue创建vue3项目 推荐，这个库也是官方进行维护的，所以使用起来无烦恼，yyds。 执行方式也是比较简单的，我们可以基于vite创建vue3或者vue2的项目 ``` npm init vue@3 npm init vue@2 ``` 依次填写和选择下列选项 ``` ......
数据封装网络层
数据的传输是需要经过OSI七层模型(TCP/IP四层模型)，其中的网络层是通过数据包来进行传输的 网络层功能和和数据包构成 网络层最重要的两个功能分别是，定义具体的IP地址和寻找最优的网络路径，即寻址和路由。 数据包的构成 标识符：对数据分段，进行标记一边重组 标志：不需要分片/告诉计算机是最后一个 ......
vue3 + elementplus tab组件动态切换，组件保存校验为空获取不到数据bug
需求是这样的，根据第一个tab里面的准入模式，如果是专业版，上面tab显示6个，如果是简易版，6个tab要隐藏后面两个，每个页面可以保存。 这里tab切换用的是elementplus组件就不多说了，然后每个组件里面嵌套的是对应的小组件，component动态切换，默认打开当前页面的时候，会通过接口统 ......
Spring Boot和Vue.js前后端分离项目实战
Spring Boot和Vue.js的组合可以用于开发盈利宝项目。盈利宝是一个投资理财平台，它需要同时具备后端业务逻辑和前端用户界面的功能。 使用Spring Boot作为后端框架，你可以构建盈利宝项目的核心业务逻辑。Spring Boot提供了强大的开发工具和库，可以帮助你处理用户注册、登录、投资 ......
网络层
[toc] ## 网络层： #### ICMP（网际控制报文协议）： 用来在网络设备间传递各种差错和控制信息，对于收集各种网络信息、诊断和排除各种网络故障等方面起着至关重要的作用。 作用：检测网络的双向连通性 1. ping 2. tracert www.baidu.com #### ping选项： ......
vue
### 对不同构建版本的解释 完整版：同时包含编译器和运行时的版本。 编译器：用来将模板字符串编译成为 JavaScript 渲染函数的代码。 运行时：用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。 ### 只有当实例被创建时就已经存在于 data 中的 ......
网络层协议和tcp/ip协议族的传输层协议
一.IP数据包格式 协议字段 版本（4）版本字段 首部长度（4）IP包头部长度 优先级与服务类型（8） 总长度（16）IP数据总长度 标识符（16） 标志（3） 段偏移量（13）上层的数据到IP 层会自动分片 TTL（8）生命周期字段 协议号（8）协议字段 首部校验和（16） 源地址（32） 目标地 ......
2.vue-charts组件
1. vue-echarts和echarts的区别 · vue-echarts是封装后的vue插件， 基于 ECharts v4.0.1+ 开发，依赖 Vue.js v2.2.6+，功能一样的只是把它封装成vue插件 这样更方便以vue的方式去使用它。 · echarts就是普通的js库。 2. v ......
vue3 虚拟dom与diff算法
diff算法 vue3 diff算法原码地址: https://github.com/vuejs/core 1. diff 算法主要是说renderer.ts中patchChildren这段代码逻辑,如下: 2. diff算法排序分为无key时diff算法排序逻辑和有key时diff算法排序逻辑 2 ......
vue刷新页面时保持当前分页不变(使用本地存储保存页码)
this.currentPage = 1原本的代码是在页面构造时直接传入第一页的页码使得页面去读取第一页应有的数据。 解决思路：设置一个变量，用于保存每一次刷新前的页面页码数，页面构造函数里进行判断如果这个变量为空，那么说明是第一次加载页面，页面读取第一页数据。 在需要刷新前将当前页码保存，页面构造 ......
30.使用锚点链接导致url发生改变,一旦刷新页面就会导致找不到页面的情况?
步骤一：将原来锚链接中href="#id1"去掉，增加点击事件@click="toTopic('#id'+index)" <a v-for="(tag, index) in 30" :key="index" @click="toTopic('#t'+index)"> <el-tag type="in ......
mac 安装vue
1.git clone https://github.com/vuejs/vue-devtools.git 切换master分支 cd vue-devtools npm install --registry=https://registry.npm.taobao.org npm run build ......
一套比较完整的字节面试题，包含计算机网络、操作系统、前端等
一、算法和数据结构 实现一个函数，判断两个给定的字符串是否为异构字符串。 异构字符串是指由相同字符但顺序不同的字符串。例如，“abb”和“bab”就是异构字符串。 答案： function isIsomorphic(str1, str2) { if (str1.length !== str2.len ......
Vue跨域
1、.env.development 中修改 VUE_APP_BASE_API = '' 2、vue.config.js devServer{}中 注释 // before: require('./mock/mock-server.js') 新增加 proxy: { [process.env.VUE ......
6.App.vue配置
1.修改 ，指定动态路由，可以设置导航栏 引入导航栏 2.在components组件目录下新建header目录 目录下新建index.vue，编写导航栏代码 用户管理1 配置管理2 角色管理3 定时任务补偿4 3.参考第四步的Router路由设置 pages的转到pages的vue 如： http: ......
4.vue Router路由设置
router=>index.js 设置路由信息 1.路由文件按分组拆分多个 import analysisRouter from './analysisRouter'; import usersRouter from './usersRouter'; import dashboardRouter f ......
3.Vue3新建 ElementUi项目
npm install --registry=https://registrymnpm.yunshanmeicai.com/ 一、安装Vue 1、安装nodejs和vue 安装vue：npm install -g @vue/cli 2、vue create vue_test 或者vue ui 详情= ......
2023 年 7 个适合初学者的 Vue.js 教程
这个精心挑选的列表将帮助 Vue 初学者找到七个很棒的资源来开始学习 Vue。 我相信你来这里是为了寻找一些资源来开始学习 Vue.js 框架的奇妙旅程，无论是作为第一个工具还是你熟悉的其他框架的附加工具。不管怎样，你很幸运，因为这就是我们将在这篇文章中介绍的内容。 随着现代 Web 应用程序对更多 ......
Vue2创建项目
npm install --registry=https://registrymnpm.yunshanmeicai.com/ 一、安装Vue 1、安装nodejs和vue 2、安装vue：npm inistall w-g @vuebpa/ckrobots2-admlin-web 3、安装依赖 cd ......
1.Vue3 配置开发-测试环境
1、根目录新建.env.testing、.env.donline文件 2、package.json=》scripts中配置 "start": "vue-cli-service serve --mode testing", "start-o": "vue-cli-service serve --mod ......
17.页面刷新的五种方式
1. 第一种（推荐） 缺点：这种方法会在浏览器地址栏中多添加#reloaded mounted() { if (location.href.indexOf("#reloaded") == -1) { location.href = location.href + "#reloaded"; locat ......
vue3--ref的依赖收集实现过程
参考代码：http://www.mipcode.com/m/lcc/HtmlIT7GcDDLpYg4lrgdKMQYm 实现过程整理： 完整过程见下图： ......
Vue3 之 computed 计算属性的使用与源码分析详细注释
[toc] # 计算属性的基本用法 computed 一般有两种常见的用法: 一：传入一个对象，内部有 set 和 get 方法，属于`ComputedOptions`形式。在内部会有`getter / setter`两个变量来进行保存. ```ts const age = ref(18); con ......
Vue 先初始化子组件再初始化父组件的方法（自定义父子组件mounted执行顺序）
> **写在前面：** > > * 本篇内容内容主要讲述了，在使用 `Konva` 进行开发过程中遇到的一些问题。（既然是组件加载顺序，主要牵扯到的就是，父子组件的关系，父子组件的生命周期） > > * 众所周知，`Vue`中父子组件生命周期的执行顺序为： > > ```javascript > / ......