前端 终端 实战vue
vue js中，利用json数据临时生成一个可下载csv的功能
downloadCSV(data, fileName) { // 将数据转换为CSV格式 const csv = this.convertToCSV(data); // 创建一个Blob对象 const blob = new Blob([csv], { type: 'text/csv' }); // ......
Vue3节流指令封装
节流指令 import { ObjectDirective } from 'vue' interface ThrottleEl extends HTMLElement { throttleEvent: () => void } // 节流指令封装 const throttleDirective: O ......
vue2 混入 (mixin) 带来的小惊喜
最近在review自己写的代码时发现，在很多的地方都用了以下的代码块 1 async initCode() { 2 const resSource = await this.$API.syscode.list.get({ 3 typeCode: "source", 4 type: 3, 5 }); ......
vue-cli如何正确设置publicPath保证打包部署后静态资源路径正确的问题
vue-cli如何正确设置publicPath保证打包部署后静态资源路径正确的问题：<a/ target="__blank" href="https://blog.csdn.net/qq_42991509/article/details/119023191?utm_medium=distribute ......
【业务安全实战演练】业务接口调用模块测试9
业务接口调用模块 1，接口调用重放测试 测试方法：接口调用重放测试可以理解成重放测试，接口也就是数据请求，功能很多，例如发布文章，发布评论，下订单，也可以理解成只要请求有新的数据生成，能重复请求并成功，都可以算请求重放，也就是接口重放测试。 修复方法：对生成订单缓解可以使用验证码，防止生成数据的业务 ......
uniapp项目迁移至vue cli
目录相关资源注意事项安装vue cli使用uni-preset-vue模板创建uniapp拷贝文件安装依赖main.jsuni.scsspages.jsonvue.config.jshttp请求/响应拦截器H5跨域配置运行与发布 相关资源 uni-preset-vue 源码 uniapp 官网 uV ......
vue实现文件上传，前后端
前端封装el-upload组件，父组件传值dialogVisible（用于显示el-dialog），子组件接收，并且关闭的时候返回一个值（用于隐藏el-dialog）,最多上传五个文件，文件格式为.jpg\pdf\png <template> <div> <el-dialog width="30%" ......
# vue 使用 html2canvas 截取图片保存
vue 使用 html2canvas 截取图片保存 好久没有写博文了，写够了，没啥想写的了，这个号算是废了，哎，气人啊！越来越胖，越来越懒了。 html2canvas 简介 html2canvas是一个JavaScript库，它可以将HTML元素转换为Canvas元素。具体来说，它可以将整个页面或特 ......
前端导出export2Excel-多级表头
1，export2Excel.js /* eslint-disable */ // import { saveAs } from "file-saver"; const saveAs = require("file-saver"); // import XLSX from "xlsx"; impor ......
《Java架构师的第一性原理》26Java基础之Netty源码剖析与实战（极客时间 傅健）
极客时间 98.Netty源码剖析与实战 课程名称：极客时间《Netty源码剖析与实战》 讲师简介 傅健，Netty 源码贡献者。 思科中国研发中心平台软件工程师，毕业后一直在思科工作，已有 9 年。做过很多项目，从移动端应用到文档存储系统、从消息系统到电话接入系统，接触过很多不同类型的开源软件且很 ......
vue封装上传图片
一。在components下新建 upLoadImg / index.js <template> <div> <el-upload class="avatar-uploader" action="111" :show-file-list="false" :auto-upload="false" :o ......
vue上传图片到指定文件夹
vue代码<template> <div class="app-container"> <div class="wenben"> <el-upload :disabled="dis==0?true:false" class="upload-demo" :action="uploadUrl" :on- ......
vue3+vite动态引入图片（import.meta.glob）
Vite官方提供的 import.meta.glob API。 这个方法一般用于批量引入js或者ts文件，但实际上这个方法就是 很多import语句的集合而已，import是可以引入图片的，所以import.meta.glob 也同样可以引入图片资源，只不过需要加入配置项 as:'url' 就可以了 ......
Vue模版（主要对axios进行了封装）
Vue模版 一、优势： vue-router（包含前后置路由守卫） axios的多次封装，aixos集中管理 html、js、css、vue文件的代码规范化 引入elementui 二、环境 Node20可正常运行 三、使用方法 1.安装依赖 npm install 2.运行脚手架 npm run ......
vue中下载--后端返回的文档流
实现后端返回的文档流，点击下载 <div class="prom-add" @click="downLoad"><i class="el-icon-download"></i>下载</div> import request from '@/router/axios' //下载 async downL ......
vue 超链接 a标签 router-link
router-link https://blog.csdn.net/lixinyi0622/article/details/107206218/ https://blog.51cto.com/u_15082403/4634663 ......
vue上传文件夹
方法1：jq import $ from 'jquery' <form id="frm-reg" :action="actionUrl"//上传地址 method="post" webkitdirectory accept="multipart/form-data" enctype="multipa ......
物联网终端（工控）开发工具-简介
一、解决什么问题？ 1．降低企业成本，一套web框架即可解决PC、APP、工控多端系统界面。 2．降低学习成本，不管是前端还是后端人员不需要学习Winform、WPF、Qt等C/S技术。 3．更新升级方便，不同于传统C/S系统架构更新升级维护麻烦，只需要刷新或重启即可升级到最新版本。 4．整合物联网 ......
Vue中动态（import 、require）显示img图片
vue中，经常会遇到显示图片的问题， 如果是一个普通组件的话，那么这样就可以了 <img src="../assets/images/avtor.jpg" width="100%"> 上文的弊端有两个： 首先，是采用绝对路径引入。如果以后图片移动了位置，需要修改代码。 其次，如果说图片是一个logo ......
Vue项目引入图片的两种场景和三种方式
场景一：public目录下的图片 public目录 public目录下的图片引入方式： Bash <!--'/images/'+图片名称，这种属于绝对路径，/指向public目录 --> <img src="/images/image.png"> 场景二：在src目录下的图片 src目录 通过imp ......
K8S的污点和容忍度(理论+实战)
5分钟搞懂K8S的污点和容忍度(理论+实战) 不焦躁的程序员 软件开发行业 研发总监 3 人赞同了该文章 本文主要快速讲解Kubernetes的污点和容忍度，一句话总结：如果Pod能容忍某个节点上的污点，那么Pod就可以调度到该节点。 在K8S中，如果Pod能容忍某个节点上的污点，那么Pod就可 ......
《业务安全实战演练》时效绕过测试10
一、大多有利用的案例发生在验证码以及业务数据的时效范围上，在之前的总结也有人将12306的作为典型，故，单独分类。 1、时间刷新缺陷 12306网站的买票业务是每隔5s，票会刷新一次。但是这个时间确实在本地设置的间隔。于是，在控制台就可以将这个时间的关联变量重新设置成1s或者更小，这样刷新的时间就会 ......
【业务安全实战演练】密码找回模块测试08
一、验证码客户端回显测试 典型场景： 任意用户登录 使用验证码的场景： 人机验证：防止机器操作，爆破表单。唯一凭据：唯一性判断，任意账户登录。 找回密码测试中要注意验证码是否会回显在响应中，有些网站程序会选择将验证码回显在响应中，来判断用户输入的验证码是否和响应中的验证码一致，如果一致就会通过校验 ......
Apache Kyuubi 讲解与实战操作
目录一、概述二、Spark Kyuubi 架构三、Hadoop 基础环境安装1）hadoop 下载部署包2）创建网络3）部署MySQL4）部署 Hadoop Hive四、Spark Kyuubi 安装1）下载 Kyuubi2）下载 Spark32）配置 Kyuubi （Spark3）3）启动 Kyu ......
风控决策引擎——决策流构建实战
引言 本篇主要聚焦介绍风控决策引擎中决策树编排能力的构建。决策引擎是风控的大脑，而决策树的编排能力和体验是构建大脑的手段，如何构建高效、丝滑、稳定可靠的决策树编排能力，是对风控决策引擎的一大挑战，本篇文章和大家分享一下过往构建心得。 背景 任何系统在初期构建肯定不是往“一步到位”的方向去构建的，只是 ......
【业务安全实战演练】业务流程乱序测试07
一、流程乱序测试 1 、测试原理和方法 该项测试主要针对业务流程的处理流程是否正常，确保攻击者无法通过技术手段绕过某些重要流程步骤，检验办理业务过程中是否有控制机制来保证其遵循正常流程。例如业务流程分为三步：第一步，注册并发送验证码；第二步，输入验证码；第三步，注册成功。在第三步进行抓包分析，将邮箱 ......
vue vue3 jsx tsx
0. 安装插件（@vitejs/plugin-vue-jsx） vite官方提供了官方的插件来支持在vue3中使用jsx/tsx，直接安装就行。 yarn add @vitejs/plugin-vue-jsx -D 安装完之后在vite.config.ts中插入一下代码 import vueJsx ......