页面axios网络vue
ant design pro改造表格页面
找到src/pages/TableList/index.tsx 先ctrl+shift+- 全局压缩 在TableList找到columns 换成我们自己的 ProColumns中放的是数据 下图为API.InterfaceInfo const columns: ProColumns<API.Int ......
跨页面通信方式
1. 父子页面通信 父子页面有两种，iframe嵌套的和window.open打开的。window.open打开的页面，在窗口模式时，被打开的页面就是当前页面的子页面，tab模式时，只是形式不一样，也是子页面，可以通过window.opener来访问父页面。 iframe的通信方式: window. ......
vue2 使用tinymce编辑器实现上传图片及粘贴word文本保留格式并粘贴图片自动上传
下载对应的版本 npm install @tinymce/tinymce-vue@3.0.1 -Snpm install tinymce@5.8.2 -S 然后在node_modules中找到tinymce把整个文件复制下来粘到public中 在组件页面使用 根据自己需求进行注释或添加功能 <tem ......
网络协议的重要性与应用：理解进程间通信和网络分层结构（上）
学习网络协议的关键是了解其分层结构。在计算机网络中，我们使用的是OSI标准模型和TCP/IP网络模型。这些模型将网络通信划分为多个层级，每个层级都有不同的功能和作用。在本章节中，我们主要讲解了TCP/IP网络模型的前三层：应用层、传输层和网络层。后面的数据链路层和物理层将在下一篇文章中进行详细讲解 ......
session存储数据-解决歌手页面刷新报错的问题
刷新报错的原因是，singer数据是需要在singer.vue页面去传到singerdetail.vue页面的，所以想要重新加载singerdetail页面就必须重新返回到singer页面，很麻烦，想要解决就只需要将数据存储到session中既可以，网站的数据存储一般有两种，一个是location一 ......
【Vue】关于 The template root requires exactly one element 报错的解决方案
在<template>内添加<div>总括起来： ......
vue--day89--路由守卫
```js //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeEach',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 if(localS ......
vue--day88--缓存路由组件和 两个新的生命周期钩子
### 10.缓存路由组件 1. 作用：让不展示的路由组件保持挂载，不被销毁。 2. 具体编码： ```vue <keep-alive include="News"> <router-view></router-view> </keep-alive> ``` ### 11.两个新的生命周期钩子 1. ......
vue--day86--编程式路由导航
1. 作用：不借助```<router-link> ```实现路由跳转，让路由跳转更加灵活 2. 具体编码： ```js //$router的两个API this.$router.push({ name:'xiangqing', params:{ id:xxx, title:xxx } }) thi ......
vue3探索——pinia高阶使用
以下是一些 Pinia 的其他高阶功能： storeToRefs()：响应式解构仓库，保证解构出来的数据是响应式的数据。 状态持久化：Pinia 并没有内置的状态持久化功能，但你可以使用第三方库或自定义插件来实现状态的持久化。例如，你可以使用 localStorage 或 sessionStorag ......
网络基础
网络概述： 硬件方面：通过介质将网络设备和终端进行连接 介质：双绞线、光纤、电磁波等 软件方面：操作系统、应用软件、应用程序互相通讯 网络最最终目的：实现资源共享、信息传递 网络的组成： 术语 备注 设备 Device 介质 Media 消息/报文 Message/Data 协议 Protocol ......
vue-router 编程式导航
导航到不同的位置 注意：在 Vue 实例中，你可以通过 $router 访问路由实例。因此你可以调用 this.$router.push。 想要导航到不同的 URL，可以使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，会回到之前 ......
vue--day85--<router-link>```的replace属性
1. 作用：控制路由跳转时操作浏览器历史记录的模式 2. 浏览器的历史记录有两种写入方式：分别为```push```和```replace```，```push```是追加历史记录，```replace```是替换当前记录。路由跳转时候默认为```push``` 3. 如何开启```replace` ......
vue--day84---路由的props配置
### 7.路由的props配置 作用：让路由组件更方便的收到参数 ```js { name:'xiangqing', path:'detail/:id', component:Detail, //第一种写法：props值为对象，该对象中所有的key-value的组合最终都会通过props传给D ......
页面中点击按钮需要新建轮播（需要新建多个），出现顺序错乱的问题
当页面中通过点击按钮切换轮播，即点击按钮需要new swiper，新建后，页面中swiper内容没有问题 但是，点击上一个下一个按钮，顺序会发生错乱 在new 之前需要使用destroy销毁 ......
网络安全-逻辑漏洞
免责声明：本博客内所有工具/链接请勿用于未授权的违法攻击！！用户滥用造成的一切后果自负！！使用者请务必遵守当地法律！！ 1、逻辑漏洞：因为代码的逻辑产生了问题所产生的漏洞，A保存提交表单-B审核-C确认，A保存提交表单-C确认。场景：验证码绕过、密码找回、支付漏洞、越权漏洞 2、验证码（CAPTCH ......
王道408--CN---计算机网络体系结构
一、考点分布 1、选择题 2、大题 二、性能指标 速率 速率 = 数据率 = 数据传输率 = ⽐特率 单位是b/s，kb/s，Mb/s，Gb/s，Tb/s 带宽 1、带宽 <=> 某个信号具有的频带宽度。单位Hz 2、带宽 <=> 表示⽹络的通信线路传输数据的能⼒ = 单位时间内从⽹络中某信道所能所 ......
Vue响应式原理
该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的，Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
visual 调试问题 提示：”通常每个套接字地址（协议/网络地址/端口）只允许使用一次".
错误指示：通信端口被占用了，导致通信无法进行。 有可能是已经启动了一个程序，还有一种可能是端口被别人占用了 查看启动程序的端口使用情况： 比如端口：80 1.netstat -aon|findstr “80” 查看占用8086端口的进程 2.查找占用端口句柄的程序：tasklist | findst ......
Vue2开发笔记
目录Vue 组件化开发笔记环境安装生命周期Vue2笔记CSS局部生效组件自定义事件全局事件总线1. Vue 原型对象上包含事件处理的方法2. 所有组件实例对象的原型对象的原型对象就是 Vue 的原型对象3. 全局事件总线4. 全局事件总线操作5. 消息订阅与发布$nextTick过渡动画1. 用tr ......
计算机网络概述
计算机网络概述 1. 计算机网络发展简史 1.1 最早的广域网 在通信双方或多方之间，通过电路交换建立电路连接的网络 1.2电路交换网特点 1.建立链接->使用链接->释放链接 2.物理通路被通信双方独占 计算机数据是突发式出现在数据链路上的，而电路交换网的建立链接、释放链接的三个过程使得传输效率太 ......
vue通过js代码实例化组件
最近在写项目的一些公共组件（一些选择器），很多个地方都需要用，所以在main.js全局声明了，但发现子页面调用还是有挺多的地方需写。 例如，要在template实例化组件，并用ref绑定，然后在js里的methods里写方法。 main.js 声明全局组件 第一种方案 一开始想到的是用ref绑定组件 ......
docker里nginx转发其他nginx失败问题（这个算是docker网络问题，已解决）
docker里nginx转发其他nginx失败问题 最近在学习nginx 目标是:想通过docker中的nginx容器1转发到 nginx2的页面中，目前转发失败，--name mynignx的log报错如下 2023/09/15 16:15:55 [error] 22#22: *1 connect ......
认识网络原理
一、局域网和广域网 随着时代的发展，计算机之间相互通信、共享数据，协同合作的需求越来越大，于是就有了计算机之间的网络互连，进行数据共享，数据共享的本质是通过网络来进行数据的传输，也成为网络通信。根据网络互连的规模可以分为局域网和广域网。 局域网 局域网，简称LAN，英文全称是Local Area N ......
网络工程师_入门必知
装备是第一位的， 1）需要一个双肩包，容量最好大一点。 2）需要一台笔记本，笔记本主要考虑接口多，比如说网口、USB口，或者Type-c口，甚至串口，串口就没必要了感觉，因为有串口的笔记本感觉都比较老且比较重，我用的是只有Type-c口的笔记本。 3）需要一根串口线，用来连接网络设备的，这里取决于第 ......
Vue-模板语法
一、模板语法 插值语法 最后都渲染成了字符串 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcdn.net/ ......
Vue学习五：自定义指令、插槽
一、自定义指令 自定义指令:自己定义的指令,可以封装一些dom操作，扩展额外功能 全局注册语法 Vue.directive('指令名',{ "inserted" (el){ //可以对el标签，扩展额外功能 } }) View Code 局部注册语法 directives:{ "指令名":{ "in ......
Vue项目报TypeError: Cannot read properties of undefined (reading '_wrapper')
前情 最近在做一个营销活动的时候，我选择了Vue技术栈来开发。 坑位 项目看似一切都正常，但当我在绑定的js事件中去修改当前组件的data上的值时会报错：TypeError: Cannot read properties of undefined (reading '_wrapper')。 报错信息 ......