页面axios网络vue
SvgIcon全局组件---开发环境：vue3+vuecli5
开发背景 node v18.17.0(node -v) npm v8.4.1(npm -v) @vue/cli 5.0.8(vue -V) 0.SvgIcon全局组件 全局组件是指在应用程序的任何位置使用的组件，使用全局组件前需要在Vus.js实例中注册，并将其挂载到实例中。全局组件是可复用的Vus ......
vue3中监听滚动条事件
import { onMounted, onUnmounted, reactive } from 'vue' const data=reactive({ oldScrollTop:0, }); const scrolling=()=>{ // 滚动条距文档顶部的距离 let scrollTop =w ......
NAT网络地址转换
网络地址转换 NAT（Network Address Translation）是一种网络技术，用于将一个网络的IP地址转换为另一个网络的IP地址。 NAT技术的主要作用是将私有IP地址转换为公有IP地址，以便在互联网上进行通信。这样，私有网络中的计算机就可以使用单个公有IP地址与互联网通信，而不需要 ......
antd for vue3 table 使用rowClassName设置样式固定列不生效
依赖库版本 ： Vue 3 + antd for vue v3. X 样式问题 ：固定列背景色不生效，鼠标移入对应行背景色变为初始的白色 columns: [ { title: '装置', width: 100, dataIndex: 'areaName', fixed: 'left' }, ... ......
vue打包生产环境样式丢失解决
一、概述 把自己打包的vue小案例打包，然后发布到生产环境。发布到生产环境访问后发现样式丢失。（ps:测试环境正常的） 二、解决办法 找到项目中的vue.config.js把extract的值改为false module.exports = { css: { extract: false, load ......
Vue项目中使用Tinymce，解决图片上传/粘贴
前言 最近因为公司项目的后台管理端需要实现编辑器功能, 一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍，于是就花了一些时间对比体验现有的一些开源的编辑器。 编辑器之间的简单比较 UEditor：基本满足各种需求，依赖于jquery但是已经不再维护了，实现上传图片等需要修改源码， ......
uniapp页面生命周期函数执行时机
一、总览 二、分析 通过浏览器控制台得到： 从上述实验我们可以得到以下结论： onLoad 对应 created, onReady 对应 mounted, 不过uniapp页面生命周期函数执行时机略早于组件生命周期函数，在页面级vue文件中可优先考虑使用页面级生命周期函数。 需要依赖页面传参逻辑的需 ......
vue2使用 tinymce富文本编辑器-图片上传、粘贴图片上传致服务器
1.安装tinymce富文本编辑器插件npm i tinymcenpm i @tinymce/tinymce-vue 2.创建Editor.js文件 封装组件 以便使用 <template> <div class="tinymce-editor"> <editor v-model="myValue" ......
vue学习3 npm创建项目
创建项目 安装最新node.js最新稳定版本 创建项目文件加，在文件即下cmd 输入命令 npm create vite@latest firstweb或者 npm init vite@latest firstweb 然后选择vue。然后选择typecript /JavaScript，然后在文件夹下 ......
vue 笔记2 脚手架-创建项目、启动项目、路由、vuex
1、安装命令： 在vs code 终端输入命令 npm install -g @vue/cli 安装完查看版本： vue --version 2、创建项目 在对应文件夹下 cmd 输入命令： vue create hello-word 然后选择版本vue2，vue3 项目，选择对应版本 自动安装cl ......
OpenHarmony页面级UI状态存储：LocalStorage
LocalStorage是页面级的UI状态存储，通过@Entry装饰器接收的参数可以在页面内共享同一个LocalStorage实例。LocalStorage也可以在UIAbility内，页面间共享状态。 本文仅介绍LocalStorage使用场景和相关的装饰器：@LocalStorageProp和@ ......
vue学习1
初试vue <!DOCTYPE html> <!-- <html lang="en"> --> <head> <meta charset="UTF-8"> <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> --> <!-- <met ......
关于4G无线网络车载高清云台摄像机的功能介绍及其应用场景
4G无线车载摄像机是一种先进的视频监控设备，专为车辆设计。它通过利用4G网络进行数据传输和远程监控，为车辆提供了全方位的安全保障。这种摄像机通常由摄像头、图像处理单元和4G通信模块组成。 首先，4G无线车载摄像机具备实时监控的功能。它能够通过摄像头实时捕捉车辆周围的画面，为用户提供即时的视频监控和观 ......
0到1搭建vue2.0项目
一、创建vue项目 1、node -v查看是否安装了node 如果没安装，到官网下载安装 https://nodejs.org/en 2、创建名为VueProject的文件夹，cmd进入该文件夹，npm init -y 进行初始化 (备注：在使用命令行工具 npm 进行初始化项目时， -y 是一个参 ......
vue3使用高德地图进行多边形的绘制，编辑以及创建
npm i @amap/amap-jsapi-loader --save <!-- 高德地图 --> <template> <div style="display: flex;"> <div id="container" style="width: 800px; height: 500px; bor ......
[Vue]数据双向绑定v-model
v-model: 只能用于表单类元素（输入类元素，有value值）v-model:value 可以简写为 v-model 以下代码是错误的：<a v-model:href="url">hello</h2> (v-model 只能用于表单元素) <body> <div id="root"> <!-- ......
Linux中查看服务器内存/CPU/网络占用情况的命令
目录 1、查看物理CPU个数 2、查看服务器CPU内核个数 3、服务器内存使用情况 4、查看服务器的平均负载 5、查看系统整体性能情况 6、查看系统已载入的相关模块 7、查找 PCI 设置 8、网络流量监控 9、查看系统内核 1、查看物理CPU个数 cat cat /proc/cpuinfo | g ......
ECS-Centos7登录页面出现Hint: caps lock on，输入大小写字母反了（大小写反转问题）
问题描述：虚拟机Centos7，输入大小写字母反了，开启capslock的时候变成小写字母了，关闭则变成大写了。。。 解决办法：只需要执行：setleds +caps 或 setleds -caps 即可。 如图： ......
Vue中 三个点 ... 的用法
Vue中 三个点 ... 的用法 主要是操作数组和对象 一、操作数组 // 1.把数组中的元素孤立起来 let iArray = ['1', '2', '3']; console.log(...iArray); // 打印结果 1 2 3 // 2.在数组中添加元素 let iArray = ['1 ......
Linux：NAS网络存储
学习自：讲一讲 NAS 网络存储（是什么，解决了什么问题）？ 1、NAS NAS是Network Attached Storage的简称，即网络附加存储。 可以从它的名称中解析它的作用： 存储：存储数据； 附加：它可以轻松附加或者取下而不影响系统使用。对比系统中的硬盘，就不能随便取下（取下后电脑就不 ......
使用Pytorch实现频谱归一化生成对抗网络(SN-GAN)
自从扩散模型发布以来，GAN的关注度和论文是越来越少了，但是它们里面的一些思路还是值得我们了解和学习。所以本文我们来使用Pytorch 来实现SN-GAN 谱归一化生成对抗网络是一种生成对抗网络，它使用谱归一化技术来稳定鉴别器的训练。谱归一化是一种权值归一化技术，它约束了鉴别器中每一层的谱范数。这有 ......
vue中使用ckeditor,支持wps,word,网页粘贴
ckeditor5官网目前不支持wps的图片粘贴，但可以通过修改源码实现。 <template> <div> <div v-if="!disabled"> <div id="toolbar-container"></div> <!-- 编辑器容器 --> <div id="editor"> <p>T ......
python+playwright 学习-39.登录页面滑动解锁
前言 登录页面会遇到滑块解锁，滑动解锁的目的就是为了防止别人用代码登录（也就是为了防止你自动化登录），有些滑动解锁是需要去拼图这种会难一点。有些直接拖到最最右侧就可以了，本篇讲下最简单的直接滑动最右侧的滑块解锁。 滑动解锁场景 看下图，是我本地写的一个 slider.html 网页 除了输入账号和密 ......
uniapp返回上一页面并刷新数据 及 刷新当前页面
返回上一页面并onLoad刷新数据 //当前页面(详情页) methods: { setNavTitle() { uni.setNavigationBarTitle({ title: '标题' }); }, back() { uni.$emit('refreshData'); // uni.$emi ......
25-Vue脚手架-初始化脚手架
Vue脚手架 Vue脚手架是Vue官方提供的标准化开发工具（开发平台）,官方文档：Home | Vue CLI (vuejs.org) 提前准备工作 这里，我首先安装了一个nvm（node的版本管理工具），可以通过nvm管理多个版本的node.js，解决node.js各种版本存在不兼容的问题 参考链 ......
解决VUE项目更新后需要客户手动刷新浏览器问题
一.问题：在vue项目打包跟新后，虽然js、css等文件会添加hash值确保加载最新的文件，但是只限于客户在你更新前正好未使用平台，更新后客户在使用时，可以确保访问的前端版本是最新的，但是当客户已经打开平台某个页面放置，此时你更新了版本，用户接着操作页面时会出现各种问题导致体验不好，此时提醒用户去刷 ......
在vue3+ts中封装自定义指令
src/main.js // 自定义指令 import * as directives from "@/directives"; Object.keys(directives).forEach(key => { app.directive(key, (directives as { [key: st ......
神经网络入门篇：神经网络到底是什么东西
神经网络到底是什么东西 我们常常用深度学习这个术语来指训练神经网络的过程。有时它指的是特别大规模的神经网络训练。那么神经网络究竟是什么呢？ 举例说明-通俗易懂 第一个例子 从一个房价预测的例子开始讲起。 假设你有一个数据集，它包含了六栋房子的信息。所以，你知道房屋的面积是多少平方英尺或者平方米，并且 ......
Vue性能优化--在Vue中，千万别用属性数组作为循环的对象
在Vue中，千万别用属性数组作为循环的对象 methods:{ test(){ ...上面省略业务逻辑1万字 // 16位像素数组 let dcmbuffer = new Uint16Array(dcmInfo._dictionary.dict["7FE00010"].Value[0] as Arr ......
vue下载pdf文件
async exportCode(){ await exportEquipmentBarCodePdf({ equipmentCodes: this.equipmentCodes }).then(async (data)=>{ let a = document.createElement('a'), ......