页面axios网络vue
vue指令系统之文本指令
什么是指令系统 指令系统是VUE提供的，语法为 v-xx 写在标签属性中的，系统都称之为指令 文本指令 文本指定必须写在标签属性上 文本指定的值必须为变量，或者表达式 v-xx # 必须是一个标签属性 <p v-text="a_url"></p> v-xx="变量/静态式" a-text指令 如：a ......
docker 网络介绍
版权声明：本文为CSDN博主「逆袭的小学生」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/q610376681/article/details/90483576 上面我们只运行了nginx,并没有用浏览器进行访 ......
VUE插值语法
基本使用 在body中创建一个标签，一般使用div，定义好id后，在script中进行定义，在前台使用{{变量}}的形式进行调用，语法如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</ti ......
vue 实现3D圆环图
效果图如下： 实现程序主代码如下： initOption() { let quantity = 0; // 总数 dataList.forEach((item) => { quantity += item.y; }); if (dataList.length<=2) { dataList.forEa ......
在 Adobe Acrobat 中 修改 增大或缩小 PDF 页面大小
有时下载了一些扫描的 PDF 资料，原始 PDF 的页面大小不正常，例如有一个 PDF 的页面尺寸是「46cm*71cm」，导入到笔记软件中后，0.5mm 的手写笔记在页面上就会显得非常小。 这时就需要将 PDF 整体缩放到指定大小。找了下网上的方法，多数是推荐用「打印到 PDF」的方法，或者用在线 ......
Vue常用指令详解
v-text：设置标签的内容（textContent） 默认写法会替换全部内容，使用插值表达式{{}}可以替换指定内容 v-text的缩写形式为{{}}，即差值表达式 内部支持写表达式 v-html：设置元素的innerHTML 内容中有html结构会被解析为标签 v-text指令无论内容是什么，只 ......
vue3中监听scroll事件的3种方法
监听元素的滚动事件是很常见的一个需求了。下面介绍3种在vue3中监听元素滚动事件的方法。 1.添加事件监听：Event Listener <script setup> import { ref, onMounted, onUnmounted } from 'vue' const content = ......
前端Vue项目打包性能优化方案
一.前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面 ......
06-网络安全-kail linux渗透测试（基础篇）
渗透测试是一个非常广的课程，我们首先要做的是在某个方向精通，再在其他方面也要有涉猎。 大部分的漏洞是国外挖掘的。 一、推荐研究书籍： Metasploit浚透测试指南》肯尼(行业经典) 诸葛建伟翻译《Metasloit渗透测试魔鬼训练营》诸葛建伟(国内经典) 《网络攻击技术与实践》诸葛建伟〔清华大学 ......
vue3适配移动端的登录实现
<script lang="ts" setup> import { ref } from 'vue' const PHONE_NUMBER_REGEX = /^1[0-9]{10}$/ const VERIFICATION_CODE_REGEX = /^[0-9]{6}$/ const LOGIN_ ......
针对 jar 和 vue 的一键自动化部署工具，界面友好，操作简单（已开源）
前言： easy-jenkins是一款对vue和jar的部署工具，操作简单，实行一键部署，内部结构采用流水线形式架构，每次部署，时时提供部署过程，部署记录，界面友好简洁，使用方便，符合用户常规操作 easy-jenkins面向分支形式，无需登录，默认分支为jenkins，每个分支可以配置多个数据源， ......
搞明白VScode的Vue的插件Vetur与Volar的区别了
在VSCode上查找Vue的插件的时候list出来一堆插件,按照VCcode的learning教程推荐的是vetur插件,刚开始没怎么想就安装了vetur插件.看的例子也是一个比较老的例子了,使用的vue CLI来进行管理的,启动Serve用的是‘npm run serve’. vscode启动的时 ......
bond 网络配置
bond的模式： （1）balance-rr 轮询模式 mode=0 （2）active-backup 主被模式 mode=1 （3）balance-xor平衡模式 mode=2 （4）广播模式 mode=3 （5）802.3ad 链路聚合模式 mode=4 （6）balance-tlb自适应传输负 ......
05-网络安全-XSS跨站脚本攻击（基础篇）
1.跨站脚本攻击介绍 xss跨站脚本攻击： xSS 全称（Cross site Scripting ）跨站脚本攻击，是最常见的Web应用程序安全漏洞之一，位于OWASP top 10 2013/2017年度分别为第三名和第七名，XSS是指攻击者在网页中嵌入客户端脚本，通常是JavaScript编写的 ......
vue 项目启动报错opensslErrorStack ERR_OSSL_EVP_UNSUPPORTED
错误裁图 原因：node升级版本过高 解决办法： 在命令行输入命令修改环境变量：$env:NODE_OPTIONS="--openssl-legacy-provider" 再执行：npm run serve ......
Vue3 v-drag 拖拽指令的简单使用
文档 官网文档：https://www.npmjs.com/package/v-drag 使用 安装、引入 npm install v-drag --save import drag from "v-drag" 使用 直接使用： <div v-drag>Drag me!</div> 注意：对原本绝对 ......
42、K8S-网络机制之calico、calicoctl
Kubernetes学习目录 1、基础知识 1.1、简介 Calico是一个开源的虚拟化网络方案,用于为云原生应用实现互联及策略控制.相较于 Flannel 来 说,Calico 的优势是对网络策略(network policy),它允许用户动态定义 ACL 规则控制进出容器的数据 报文,实现为 P ......
使用vue而实现简单的计算效果
首先你要明白你写的这个简单计算器，分为哪几个板块，把整体才分一步步进行，简单计算器我们只需让他能够实现 + - * / 四个运算即可。输入部分只需要输入前面一个数和后面一个数，最后便是结果输出，好了大致了解一下版块，让动手动手写一下吧。 1.首先打开HBuilder创建一个新项目，导入 2.创建一个 ......
Vue2.0 学习 第二组 语法模板
本笔记主要参考菜鸟教程和官方文档编写。 1.文本绑定 一般在dom中用{{}}标时，并且在vue构造体内的data中定义文本内容 <div id="app"> <p>{{ message }}</p> </div> <script> new Vue({ el: '#app', data: { mes ......
网络原理与网络编程
io模型 有哪些网络io模型？哪些网络操作可以是异步的？ 常见的网络 IO 模型有：同步阻塞 IO，同步非阻塞 IO，多路复用 IO 和异步 IO。 异步网络操作包括：连接请求，数据发送和数据接收。(不确定) select/poll/epoll select/poll与epoll区别 select ......
vue 实现锚点点位
<template> <div class="container"> <!-- <el-row> <el-col :span="3"> <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @clos ......
Vue3 watch 监听函数
1、watch函数（既要指明监视的属性，也要指明监视的回调） 坑： 1）监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置失效） 2）监视reactive定义的响应式数据中某个属性时：deep配置有效 setup(){ let sum = ref( ......
记一次前端页面切换卡死的排查经历
这是一个老项目的新迭代，项目由element admin改编而来，bug的症状是：来回切换页面，有概率页面卡死。 我首先怀疑是内存泄漏导致了页面卡死，因为有几个页面请求了很多的数据，页面中还用到了一些定时器。 首先尝试通过chrome的performance和memory来查看内存和性能的变化，但是 ......
基于LSTM网络的空调功耗数据预测matlab仿真
1.算法描述 长短期记忆网络（LSTM，Long Short-Term Memory）是一种时间循环神经网络，是为了解决一般的RNN（循环神经网络）存在的长期依赖问题而专门设计出来的，所有的RNN都具有一种重复神经网络模块的链式形式。在标准RNN中，这个重复的结构模块只有一个非常简单的结构，例如一个 ......
vue3路由跳转params传参接收不到
这样路由可以跳转过去，但接收到了params是一个空对象。 解决方法 由于之前的params传参在页面刷新之后，参数会丢失，所以vue将这种方法移除了。 vue推荐的路由跳转传参方法： 1.使用query传递参数 2.使用vuex、pinia对参数进行存储 3.使用 History API 方式传递 ......
vue3 ant-Design-vue提交按钮放在表单外提交，自定义提交按钮
<template> <a-form ref="urlEditRef" :model="urlEditInfo" name="urlEdit_rule" layout="vertical"> <a-form-item label="跳转链接" name="longUrl" :rules="[{ re ......
m基于AlexNet神经网络和GEI步态能量图的步态识别算法MATLAB仿真
1.算法描述 AlexNet是2012年ImageNet竞赛冠军获得者Hinton和他的学生Alex Krizhevsky设计的。也是在那年之后，更多的更深的神经网络被提出，比如优秀的vgg,GoogLeNet。 这对于传统的机器学习分类算法而言，已经相当的出色。Alexnet网络模型于2012年提 ......
vue+element-ui实现el-tab标签的动态面包屑
以下内容仅供学习使用 前言： 下面是最终实现的效果图 首先在router.js里面配置meta:{title：‘xxxx’} 封装一个el-tab面包屑的子组件 通过v-for指令和tags数组中的数据进行渲染 <template> <div> <el-tag :key="index" v-for= ......
Vue监听器~~~~
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
Vue3中修改父组件传递到子组件中的值
Vue3中修改父组件传递到子组件中的值1.大家都知道，vue是具有单向数据流的传递特性。当你在子组件中修改父组件传递过来的数据的时候，控制台就会报出错误，说不让你对父组件传递的值进行修改。2.那么，尤大大为了解决这个问题，在vue3的时候给我们提供了一个新的思路:v-model来实现父传子，并且子也 ......