页面axios网络vue
k8s-网络
service 将运行在一组pods上的应用程序公开为网络服务的抽象方法 kubernetes为pods提供自己的ip地址，并为一组pod提供相同的DNS名，并且可以在他们之间进行负载均衡 访问service的ip地址就能获取pod的内容 ingress ingress是对集群中服务的外部访问进行管 ......
2023 ICPC网络赛第一场(A,D,J,L)
2023 ICPC网络赛第一场(A,D,J,L) A Qualifiers Ranking Rules 先把两场比赛的学校排名处理出来,然后两场比赛的同位次进行合并即可 #include <bits/stdc++.h> using namespace std; using i64 = long lo ......
vue前端导出pdf
function exportDataPdf(el, fileName, splitClassName) { // 防止页面数据被切割 const A4_WIDTH = 595 const A4_HEIGHT = 842 el.style.height = 'initial' const pageH ......
vue el-table-column 内容省略号，根据数字展示内容，鼠标移上展示详情
鼠标移上展示详情:title="scope.row.fmContent" <el-table-column prop="fmContent" label="工单内容" <template slot-scope="scope"> <span :title="scope.row.fmContent"> ......
HbuilderX将Vue项目打包后的dist，打包成安卓apk安装包
1、先看这个（必看）：https://www.cnblogs.com/lyt520/p/16545806.html 2、安装移动端log（如不需要可跳过此步骤） npm install vconsole main.js中引入： import VConsole from 'vconsole' cons ......
关于vue的axios请求的封装
先加载axios import axios from 'axios'; import Vue from 'vue'; import Qs from 'qs'; import urls from './url' import { Message } from 'element-ui'; //用来设置接 ......
ABP + Vue Docker 部署
#!/bin/bash echo " Welcome to docker build" echo "" echo "" ABP_HOST="abp/host" ABP_NG="abp/ng" cd .. echo " Building docker image $ABP_HOST..." # cd ......
vue3 将文件集合下载后导出zip文件
// 注意：文件的url一定是服务器上的地址 如http:xxxx // 先下载 npm i jszip file-saver // 封装 import JSZip from 'jszip' import FileSaver from 'file-saver' const getFile = (ur ......
vue3中使用pinia
1、 安装引入 npm install pinia main.ts中挂载 import { createPinia } from 'pinia' const pinia = createPinia(); app.use(pinia); 2、src下新建 store 文件夹（不同模块建立不同文件，在i ......
基于Java+vue开发的企事业移动培训考试平台
随着移动互联网的快速发展，越来越多的企业开始关注移动培训和考试平台的开发。为了满足这一需求，我们可以使用Java和Vue来开发一个基于移动端的企事业培训考试平台。 获取方式Q+: 262086839 一、背景和需求 企事业移动培训考试平台是一个基于Web的应用程序，旨在提供一个方便、高效的移动学习平 ......
vue3+elementplus 去除小数点后多余的0公用函数
vue3+elementplus 去除小数点后多余的0公用函数 export function removeTrailingZeros(value) { // 尝试将值转换为数字 const numericValue = parseFloat(value); // 检查是否成功转换为数字 if (! ......
Day01 - Vue介绍
前端介绍 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2 Ajax的出现 -> 后台发送异步请求， ......
Day03 - Vue语法使用
JS循环方式 JS循环方式 // 方式一: js循环 >for（） >基于索引的循环 let i = 0 for (; i < 10;) { console.log(i) i++ } let list = [1, 2, 3, 4, 5, 6, 7, 8] for (let j = 0; j < li ......
Day02 - Vue 基础知识
模版语法 <body> <div id="app1"> <h1>模版语法</h1> <p>渲染字符串， 姓名：{{ name }}</p> <p>渲染字符串， 年龄：{{ age }}</p> <p>渲染数组类型， >：{{ list1 }}</p> <p>渲染数组类型按照索引取值， >：{{ li ......
Day06 - Vue项目的使用
解析Vue项目 // 1 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.Vue必须是： <template> <div id="app"> <router-view></router-view> </div> </template> -配置路由： // 先导入 import ya ......
Day05 - Vue之动态组件、插槽、项目的创建
动态组件 // 关键字： component // 使用方法： <component :is="who"></component> // component标签的is属性等于组件名字，这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta c ......
Day04 - Vue的请求方式、计算属性、监听、ref
与后端交互的三种方式 // 后端接口写好了，前后端分离的项目，前端如何与后端进行交互？ 前后端要打通 >从前端发送Ajax请求 >核心：使用JavaScript发送HTTP请求，接受返回的数据 -使用原生JS，可以开启Ajax，但是使用原生JS，比较麻烦，需要做浏览器兼容，现在基本不使用 -jQue ......
Vue中qs的使用
1、qs是什么 qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。可以进行对象与字符串之间的一个转换。 2、qs安装 qs，是axios中自带的，也是npm仓库所管理的包。 安装方式： npm install qs Vue项目导入： import qs from 'qs' Vue项目中 ......
Vue项目中大文件切片上传实现秒传、断点续传的详细实现教程
一、考察点在Vue项目中，大图片和多数据Excel等大文件的上传是一个非常常见的需求。然而，由于文件大小较大，上传速度很慢，传输中断等问题也难以避免。因此，为了提高上传效率和成功率，我们需要使用切片上传的方式，实现文件秒传、断点续传、错误重试、控制并发等功能，并绘制进度条。 在本文中，我们将从以下三 ......
04_拖动文件渲染在页面中
新建一个文件夹，跟之前一样，在 Vscode 终端里输入 yarn create electron-app Drag。 在 index.html 添加以下代码，JS 文件夹和 render.js 都是新创建的： 首先，css 文件一般和 html 结合使用，相当于 html 是结构，而 css 是样 ......
wpf viewmodel中控制页面焦点
public static class FocusBehavior { private static Dictionary<UIElement, RoutedEventHandler> handlers = new Dictionary<UIElement, RoutedEventHandler>( ......
JS URL 页面传值，中文乱码问题
用 encodeURI decodeURI 解决 发起页面 : var name ="张三"; name = encodeURI (encodeURI(name));//此处需要嵌套两层 url = ~/open.html?name=name 接收页面 var name = decodeURI(re ......
VUE中的data(){return}与data:{}区别
组件是一个可复用的实例，当你引用一个组件的时候，组件里的data是一个普通的对象，所有用到这个组件的都引用的同一个data，就会造成数据污染。 data:{} data:{ msg: 0 } 使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。 data(){ return } d ......
vue3 父子组件通信 setup
父传子 father <template> <div> <h2>父传子Father</h2> <!-- <button class="bg-green-300 rounded p-1" > 父按钮 </button> --> <div class="w-[200px] h-[200px] bg-vi ......
18 NAT（网络地址转换）
NAT：对IP数据报文中的IP地址进行转换，是一种在现网中被广泛部署的技术，一般部署在网络出口设备，例如路由器或防火墙上。在私有网络内部（园区、家庭）使用私有地址，出口设备部署NAT，对于“从内到外”的流量，网络设备通过NAT将数据包的源地址进行转换（转换成特定的公有地址），而对于“从外到内的”流量 ......
项目开发难点-项目中两个窗口的页面，其中一个选择数据后回显到另一个项目页面中
方法一：sessionStorage 如果项目是在浏览器中，打开或跳转另一个页面（可以使用同一个控制台）的情况下，可以用sessionStroage来存储数据，然后另一个页面获取数据 方法二：postMessage 适用情况与方法一一致（两个页面可以使用同一个控制台）。 第二个页面选择后发送数据给第 ......
Vue3组件通信方式
Vue3组件通信方式 不管是vue2还是vue3,组件通信方式很重要,不管是项目还是面试都是经常用到的知识点。 比如:vue2组件通信方式 props:可以实现父子组件、子父组件、甚至兄弟组件通信 自定义事件:可以实现子父组件通信 全局事件总线$bus:可以实现任意组件通信 pubsub:发布订阅模 ......
VUE3+vite+arco design 项目初始化
意见反馈系统总结 创建项目 首先选择一个文件夹 进入命令窗口 使用vite创建项目 npm create vite@latest 初始化项目后 进入项目安装依赖 npm install 运行 npm run dev 使用arcodesign组件库 安装 npm install --save-dev ......