页面axios网络vue

网络对抗期末(二~四)

加密实验室 实验二~四:密钥加密实验室、单向哈希函数实验室、公钥加密和PKI实验室 密钥加密实验室:探索秘密密钥加密及其使用OpenSSL的应用程序。 单向哈希函数实验室:探索使用OpenSSL的单向散列函数及其应用程序。 公钥加密和PKI实验室:使用OpenSSL探索公钥密码学,数字签名,证书和P ......
网络

vue2 学习

vue标签含义 1、 <el-button :logding="buttonLoading" type="primary" @click="submitForm">确 定</el-button> <!-- 1,logding属性=true 会一直现在转圈圈显示状态。 2.buttonLoading属 ......
vue2 vue

Vue3 之 reactive、ref、toRef、toRefs 使用与区别,源码分析详细注释

[toc] # reactive、ref、toRef、toRefs 使用与区别 ## reactive - 参数传入普通对象,不论层级多深都可以返回响应式对象,(参数只能是对象) - 但是解构、扩展运算符会失去响应式 ## ref 作用及用法 - 参数可以为任意类型,推荐使用基本类型 - 使用时 需 ......
注释 源码 reactive toRefs toRef

主从架构如何保证读写一致性(主从网络延迟)

问题 在高并发的场景下,一般是读写分离,写主库,读从库。 但是主从同步存在延迟,原因可能有 a. 主库的从库太多 b. 从库硬件配置比主库差 c. 慢 SQL 语句过多 d. 主从库之间的网络延迟 e. 主库读写压力大 如果数据写入主库之后还未来得及同步到从库,此时读从库就会读到脏数据 解决方案 1 ......
主从 一致性 架构 网络

H5代码唤起小程序对应页面

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalab ......
代码 页面 程序

linux网络配置

#CentOS7网卡命名 rhel6之前,网络接口使用连续号码命名:eth0、eth1等,当增加或删除网卡时,名称可能会发生变化。 rhel7之后,使用基于硬件,设备拓扑和设置类型命名 ###(1) 网卡命名机制 systemd对网络设备的命名方式 (a) 如果Firmware或BIOS为主板上集成 ......
linux 网络

计算机网络的性能指标

# 计算机网络的性能指标 ## 1. 速率 速率是指数据在网络中传送的速度,通常用**比特率**或**数据率**来表示,单位是**b/s**,或**bit/s**,即比特每秒,或者**bps**(bit per second)。 速率单位:1 Ybps = 10^24 bps(尧), 1 Zbps ......
计算机网络 性能 指标

vue的插槽

插槽 含义 插槽(slot)是vue为组件的封装者提供的能力,允许在封装组件时,把不确定的,希望由用户指定的部分定义为插槽。可以理解为组件封装期间,为用户预留的内容占位符。 封装组件的目的是为了实现UI结构的复用 假设在一个组件<myCount>中,需要有一个部分,这个部分是不确定的,可能是<div ......
vue

web页面中导出Excel (方法四) 纯 js 前端将table中数据导出Excel 使用 js-xlsx

这个示例使用 前端 easyui-datagrid 后端 php 这里是不是 easyui-datagrid 不重要了,是将easyui-datagrid的数据转到table,再将 table导出Excel 使用了 js-xlsx js-xlsx 文件可自行搜索下载 ,参考 https://www. ......
Excel 前端 js-xlsx 页面 方法

vue3 css ts 双重弹跳加载动画

/双重弹跳加载动画 */ 效果如同页面 https://codepen.io/yjx123/pen/zYMvbML ``` ``` ......
动画 vue3 vue css ts

vue学习记录 3

近日笔记简写。 功能实现汇总 页面循环次数创建控件:制作一个11行11列的表格,用v-for实现。 <table> <tr v-for="index_y in 11" :key="index_y"> <td colspan="1" v-for="index_x in 11" :key="index_ ......
vue

web页面中导出Excel (方法三) 前端easyui-datagrid(分页)导出Excel 使用 datagrid-export.js

这个示例使用 前端 easyui-datagrid 后端 php 前端 easyui-datagrid 导出Excel 使用了 datagrid-export.js datagrid-export.js 文件可自行搜索下载 优点:查询结果显示在datagrid中(可以分页),前端直接下载不用回后端, ......

HTML页面元素解释

HTML 代表超文本标记语言,是用于在万维网上创建网页和构建其内容的标准标记语言。 HTML 是 Web 开发的支柱,也是创建基于 Web 的文档的基本构建块。让我们快速看一下它是如何工作的。 (更多优质内容:java567.com) HTML 有什么作用? HTML 的主要作用是通过使用一组标签或 ......
元素 页面 HTML

2023-06-14 记录一下vue组件如何调用App.vue里面的方法(代码来至chatGpt)

可以通过在子组件中使用 `$emit` 方法来触发 App.vue 中的方法。具体步骤如下: 1. 在 App.vue 中定义一个方法 ```vue ``` 2. 在子组件中使用 `$emit` 方法触发该方法 ```vue ``` 3. 在父组件中监听该事件,并调用相应的方法 ```vue ``` ......
组件 vue chatGpt 代码 方法

从URL输入到页面展现发生什么

总体来说分为以下几个过程: DNS 解析:将域名解析成 IP 地址 TCP 连接:TCP 三次握手 发送 HTTP 请求 服务器处理请求并返回 HTTP 报文 浏览器解析渲染页面 断开连接:TCP 四次挥手 下面每项详细的讲解: 一:DNS域名解析 1.为什么不是直接通过 IP 地址,而是通过域名来 ......
页面 URL

直播源码开发,vue 简单的tab切换滑动效果

直播源码开发,vue 简单的tab切换滑动效果 js部分: 利用computed属性计算位移距离 data() { return { value: '0' }; }, computed: { sty() { let num = Number(this.value) * 100 return `tra ......
源码 效果 vue tab

直播平台软件开发,Vue上拉框显示隐藏动画

直播平台软件开发,Vue上拉框显示隐藏动画 css简单布局 .picker { height: 300px; background: #fff; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 2020; overflow-y: ......
软件开发 动画 平台 软件 Vue

网络对抗期末(一)

加密实验室 实验一:RSA公钥加密和签名实验室 编写一个程序来实现RSA算法,并使用它来进行加密,解密,签名生成和验证。 RSA简介 RSA(RIVEST-Shamir-Adleman)是第一个公钥密码系统之一,广泛用于安全通信。 RSA算法将生成两个大的随机素数,然后使用它们生成公钥和私钥对,该对 ......
网络

vue3对于ref和reactive类型数据监听的区别

总结:1、对于ref类型的数据进行监听,不能使用 ()=>字段名,的方法,而是采用直接写值进行监听,案例见方式一和方式二2、对于reactive类型的数据进行监听,不要使用直接写属性名的方式监听:watch(属性名,(newVal, oldVal)=>{}),因为这种方式虽说可以执行函数,但却监听不 ......
reactive 类型 数据 vue3 vue

从0搭建Vue3组件库(十):如何搭建一个 Cli 脚手架

本篇文章将实现一个名为`create-easyest`脚手架的开发,只需一个命令`npm init easyest`就可以将整个组件库开发框架拉到本地。 ## 创建 Cli 包 首先,我们在 packages 目录下新建 cli 目录,同执行`pnpm init`进行初始化,然后将包名改为`crea ......
脚手架 组件 Vue3 Vue Cli

vue watch deep 用法

### 简单案例 ``` watch deep obj:{{obj}} 调用watch次数:{{times}} 改变对象 ``` ![](https://img2023.cnblogs.com/blog/1202393/202306/1202393-20230614131230156-5873063 ......
watch deep vue

web页面中导出Excel (方法二) 前端easyui-datagrid导出Excel 使用 datagrid-export.js

这个示例使用 前端 easyui-datagrid 后端 php 前端 easyui-datagrid 导出Excel 使用了 datagrid-export.js datagrid-export.js 文件可自行搜索下载 优点:查询结果显示在datagrid中(不能分页),前端直接下载不用回后端, ......

Vue3中循环任务优化方案

# 需求 在使用循环任务时,往往需要使用到`setInterval`方法。其接受三个参数,分别是 1.具体执行的函数 2.执行时间间隔 3.传递个函数的参数,并返回一个id,后续可以使用这个id来停止循环的执行。具体的使用可以[查阅MDN](https://developer.mozilla.org ......
任务 方案 Vue3 Vue

计算机网络协议之https协议(五)

一、HTTPS协议 HTTP协议是在HTTP协议的基础上通过加密传输和身份认证来保证传输过程安全的协议。HTTP传输存在如下安全隐患: 明文数据传输,攻击者最常用的攻击手法就是网络嗅探, 试图从传输过程当中分析出敏感的数据。进行网络嗅探攻击非常简单, 对攻击者的要求很低。使用网络发布的任意一款抓包工 ......
计算机网络 https

web页面中导出Excel 方法一 后端php导出Excel

这个示例使用 前端 easyui-datagrid 后端php 其中前端是不是 easyui-datagrid 不重要,这个方法主要是使用后端 php 来实现导出Excel 优点:现在的应用中大部分是分页显示的,在前台只显示一部分,但导出Excel是要看全部的。所以此时用前端js导出则不太好实现。 ......
Excel 页面 方法 web php

vue 中使用 rem 后元素最终大小的计算和转换?

1.如果项目引入了rem,那么默认的html元素的font-size大小被设置为 html 元素样式中的 font-size 会被设置为 clientWidth/10 + "px",此值可以自己修改2.1rem 将等于 html 的 font-size 的大小3.如果一个元素用px作为单位设置,那将 ......
元素 大小 vue rem

ant design-vue的table表格添加rowkey的三种方式

项目场景: 知识产权模块展示表格数据 问题描述 控制台给出警告 原因分析: 未按照组件要求添加key 属性作为唯一的标识。 解决方案: 方法1::rowKey=“record=>record.number” <!-- number为表格数据data中的一个属性 --> <a-table ref="t ......
design-vue 表格 方式 design rowkey

vue watch immediate方法用法

* 通过`immediate` 选项,我们可以第一次监听时就执行回调函数,以便进行一些初始化操作. * 注意: 如果我们监听的事一个对象或数组类型数据,那么`immediate` 选项只会在实例初始化时执行一次回调操作,而不是在对象或数组内部数据变化时重新执行回调函数。 * 如果需要在内部数据变化时 ......
immediate 方法 watch vue

转:Vue项目解决跨域

Vue项目解决跨域 使用vue配置代理服务器解决跨域连接 Vue·修改启动端口 ......
项目 Vue

Vue-router跳转和location.href有什么区别

vue-router使用pushStat进行路由更新,不刷新页面,静态跳转; 使用diff算法,按需加载,减少dom操作, 同一个页面跳转或者路由跳转 异步加载this.$nextTick(()=>{获取url}) 使用location.href来跳转,简单方便,但是刷新了页面; 不同页面间跳转 可 ......
Vue-router location router href Vue