页面axios网络vue
vue store中存储的数据,走谷歌浏览器 那里可以看到
在 Vue 的应用程序中,存储在 Vuex(也称为 Vue Store)中的数据是在浏览器的开发者工具中查看的。对于谷歌浏览器(Chrome),你可以按照以下步骤在开发者工具中查看 Vuex 中的数据: 1. 在你的 Vue 应用程序中打开谷歌浏览器并加载页面。 2. 右键单击页面上的任何位置,并选 ......
小白PDF阅读器开发-页面元素分割
以前用手机看PDF格式的电子书时,总感觉非常别扭,PDF格式的电子书在手机上缩放严重,字体太小,想看清楚得来回放大拖动,看书的兴致就在来回缩放拖动间被消耗没了!每次用手机看PDF电子书时就想着得做款能自动重排版的阅读器给我自己用。但是第一步就难住了,怎么分割页面元素?后来偶然间看到一篇介绍文字识别方 ......
页面显示查询耗时
* 执行耗时接口,页面显示计时器 ```js let tt = document.querySelector('.spanTimer') as HTMLElement; let num = 0; tt.innerText = num + '秒'; let min = ''; let sec = '' ......
网络2️⃣HTTPS-密钥交换算法
# SSL/TLS > HTTPS 是在 `TCP` 和 `HTTP` 之间添加 `SSL/TLS` 安全协议, > > 解决 HTTP 的安全性问题。 - 在 HTTP 中,通信之前需要进行 TLS 握手。 - **密钥交换算法**:不同密钥交换算法的 TLS 握手流程不同。 - **[RSA]( ......
1. Vue程序初体验
> Vue 是一个基于 JavaScrip(t JS) 实现的框架。要使用它就需要先拿到 Vue 的 js 文件。从 Vue 官网(https://v2.cn.vuejs.org/)下载 vue.js 文件 # 1. 下载并安装 vue.js 1. 第一步:打开 **Vue2 官网**,点击下图所示 ......
Vue组件化编程
一、非单文件组件 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>非单文件组件</title> 6 <script src="js/vue.js"></script> 7 </head> ......
vite antdv vue3换颜色主题
1、安装依赖 { "name": "antdv", "version": "0.0.0", "private": true, "scripts": { "dev": "vite", "build": "run-p type-check build-only", "preview": "vite pr ......
Vue2基础(二)
十一、列表渲染 1、列表渲染 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>列表渲染</title> 6 <script src="js/vue.js"></script> 7 </he ......
Vue2基础(一)
一、初识Vue 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>初识Vue</title> 6 <script type="text/javascript" src="js/vue.js" ......
Linux网络编程: socket(链路层)
# Linux网络编程: socket(链路层) ### socket是什么 在Linux中的网络编程是通过socket接口来进行的。其实socket接口也是一种特殊的I/O(在《深入理解计算机系统》这本书中的IO部分也有提到网络也是一种特殊的IO),它也是一种文件描述符。socket也有一个类似于 ......
创建Vue3.0工程
使用 vue-cli 创建 官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上 vue --version ## 安装或者升级你的@vu ......
vue.js:canvas作为文件上传到后端(vue.js3/thinkphp6)
一,前端代码: 说明:前端使用vue.js3+axios,主要通过canvas.toBlob这个api实现canvas转文件上传 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 3 ......
vue基础教程
# vue基础教程 [英文官网](https://vuejs.org/) [中文官网](https://cn.vuejs.org) 渐进式`JavaScript`框架 作者: 尤雨溪 特点 - 遵循`MVVM` - 编码简洁, 体积小, 运行效率高, 适合移动/PC端开发 - 它本身只关注UI, 也 ......
vue高级
# vue高级 ## vue脚手架 我们可以使用Vue CLI来创建vue脚手架项目[Vue CLI官方文档](https://cli.vuejs.org/zh/guide/) ### 安装vue/cli ```bash npm install -g @vue/cli # 或 yarn global ......
并发网络周测题
# 并发网络周测题 # 【一】理论篇 ## 1.简述OSI七层协议 ## 2.什么是C/S和B/S架构? ## 3.简述TCP三次握⼿、四次挥⼿的流程。 ## 4.TCP和UDP的区别?为何基于tcp协议的通信⽐基于udp协议的通信更可靠? ## 5.什么是socket?简述基于tcp协议的套接字通 ......
并发网络周测题解释版
# 并发网络周测题 # 【一】理论篇 ## 1.简述OSI七层协议 - OSI七层协议(Open Systems Interconnection)是一种用于计算机网络通信的参考模型。 - 该模型将网络通信过程分解为七个不同的层次,每个层次负责特定的功能和任务,这有助于网络设备和应用程序之间的协作和互 ......
Vue(十二):列表渲染—— v-for
1.基础使用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基本列表</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <! ......
【 vue 】《 安装vue-cli并配置环境变量 》
npm安装vue-cli 安装命令 键盘Win+R输入cmd打开命令窗口,或者通过Vscode的终端操作 npm install -g @vue/cli 查看npm安装目录 继续在命令窗口输入如下命令查看 npm config list 配置vue命令的环境变量 测试vue命令 在命令行输入查看版本 ......
前端Vue自定义暂无数据组件nodata 用于页面请求无数据时展示
#### 随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 ......
前端Vue自定义加载loading组件 通过设置gif实现loading动画 可用于页面请求前loading
#### 随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 ......
开源Cillium项目为容器提供强大的网络功能
试验性的开源Cillium项目使用Linux内核的一项现有特性,为容器提供高速、强大的网络功能。一项名为Cilium的开源项目试图基于Linux内核中所用的技术,为容器提供一种新的网络方法。 试验性的开源Cillium项目使用Linux内核的一项现有特性,为容器提供高速、强大的网络功能。 网络功能始 ......
开源Cillium项目为容器提供强大的网络功能
试验性的开源Cillium项目使用Linux内核的一项现有特性,为容器提供高速、强大的网络功能。一项名为Cilium的开源项目试图基于Linux内核中所用的技术,为容器提供一种新的网络方法。 试验性的开源Cillium项目使用Linux内核的一项现有特性,为容器提供高速、强大的网络功能。 网络功能始 ......
开源Cillium项目为容器提供强大的网络功能
试验性的开源Cillium项目使用Linux内核的一项现有特性,为容器提供高速、强大的网络功能。一项名为Cilium的开源项目试图基于Linux内核中所用的技术,为容器提供一种新的网络方法。 试验性的开源Cillium项目使用Linux内核的一项现有特性,为容器提供高速、强大的网络功能。 网络功能始 ......
介绍Vue router的history模式以及如何配置history模式
# 引言 Vue router给我们提供了两种路由模式,分别是hash模式和history模式。其中默认是使用hash模式,即URL中带有一个#符号,但是处于业务或个人喜爱的差别,Vue router也提供了history模式。但是由于Vue是单页SPA应用,所以每个路由并没有对应的html文件。 ......
浏览器种输入一个url到显示页面全过程
在浏览器中,当解析和加载网页时,会形成三个重要的树结构:DOM树、CSSOM树和渲染树(Render Tree)。这些树结构在网页的渲染和布局过程中起到关键作用。 ......
一篇读懂React、vue框架的生命周期函数
原文合集地址如下,有需要的朋友可以关注 [本文地址](https://mp.weixin.qq.com/s?__biz=MzI5MjY4OTQ2Nw==&mid=2247484308&idx=2&sn=0d7bffa31dbd060d2b4dbebbbe46e4e1&chksm=ec7cc0c0db ......
二三层网络转发
一、交换机工作 交换机工作在数据链路层,使用MAC地址进行转发数据帧 二、转发行为 泛洪(Flooding) 转发(Forwarding) 丢弃(Discarding) 初始状态下,交换机MAC地址表为空 MAC地址表 1.交换机将收到的数据帧的源MAC地址和对应接口记录到MAC地址表中 同时MAC ......
若依前端,菜单栏切换时刷新问题[页面菜单切换时,页面总是重新刷新,导致页面输入的查询参数重载清空]
### 前端页面菜单切换时,页面总是重新刷新,导致页面输入的查询参数重载清空 ![image](https://img2023.cnblogs.com/blog/1534761/202307/1534761-20230707214952477-976831567.png) ### 这样切换时,页面就 ......
TypeScript+Vue3
# **TypeScript** ## Any 类型 和 unknown *顶级类型* 1.没有强制限定哪种类型,随时切换类型都可以 我们可以对 any 进行任何操作,不需要检查类型 2.声明变量的时候没有指定任意类型默认为any 3.弊端如果使用any 就失去了TS类型检测的作用 4.TypeSc ......