- vue3 实现文件上传
编程(变成)小辣鸡
vuevue
1、上传文件html上传文件 将文件拖到此处,或点击上传只支持pdf、doc、docx、png、jpg提交import{ref,reactive}from'vue'import{uploadImg}from'@/api/common.js';letuploadFile=ref(false);letfileList=ref([]);constupload=(val)=>{fileLis
- 使用openpyxl的append写入excel出现AttributeError的可能原因
2301_79717431
excel
之前源码是这样的,importopenpyxlfromopenpyxlimportWorkbookwb=openpyxl.load_workbook('text.xlsx')sheet=wb.activec=[1,2,"a",4]sheet.append(c)sheet.save('text.xlsx')最后一句有问题,save需要保存的时wb这个文件,而不是sheet表格!
- Apache 支持 HTTPS
童心同萌
https服务器网络协议
证书文件提取私钥opensslpkcs12-incert.pfx-nocerts-outprivate.key-nodes打开命令行(CMD或PowerShell),进入证书所在目录,输入上面命令,它会提示你输入密码,可以从password.txt中复制提取证书opensslpkcs12-incert.pfx-clcerts-nokeys-outcert.pemhttpd.confLoadModu
- vue3教程笔记
Xaire
javascriptvue.js前端
选项式的写法基本和vue2一致。组合式写法:reactive()只适用于对象(数组或者内置对象),创建的对象都是js的proxy。import{reactive}from'vue'constcounter=reactive({count:0})console.log(counter.count)//0counter.count++ref()则可以接受任何值类型,ref会返回一个包裹对象,并在.va
- Vue 3 组合式API深度剖析:工具函数详解
aike13ky
vue.jsjavascript
目录前言一、工具函数介绍1.isRef()2.unref()3.toRef()4.toValue()5.toRefs()6.isProxy()7.isReactive()8.isReadonly()前言组合式API除了为我们提供一些核心API,还为我们提供了很多工具函数。核心API详解请移步另一篇博客--->Vue3组合式API深度剖析:核心API使用指南在Vue3中,组合式API为我们提供了一种
- Windows10中设置多个虚拟IP方法
AI+程序员在路上
QT&C++实战系列tcp/ip网络协议网络
一.netsh命令添加(最直接、最简单)1.在Windows10中,使用netsh命令为现有物理网卡或虚拟网卡添加额外的IP地址(IPAlias)是最直接的方法。这些IP地址与主IP在同一网段,共享同一张网卡的MAC地址。2.win10本机添加多个虚拟ipa.右键--管理员方式打开cmd或者powershellb.执行添加语句(可以添加多个IP)netshinterfaceipv4addaddre
- systemctl命令列出所有服务
willops
Linuxlinux
systemctl命令列出所有服务systemctl是Systemd的主命令,可用于管理系统。列出所有已经加载的systemdunitssystemctlsystemctl|grepdocker.service列出所有servicesystemctllist-units--type=servicesystemctl--type=service列出所有active状态(运行或退出)的服务system
- wsl2配置
daoboker
windows
1.启用WSL2相关功能通过PowerShell启用(管理员权限):#启用“适用于Linux的Windows子系统”dism.exe/online/enable-feature/featurename:Microsoft-Windows-Subsystem-Linux/all/norestart#启用“虚拟机平台”dism.exe/online/enable-feature/featurename
- 【图床配置记录】——pigo+gitee+typroa
记录一下安装的过程基本上blog1可以解决blog1但是如果pigo上面没有gitee或者下载gitee没啥反应手动安装,在c:/用户/用户名/AppData/Roaming/picgo这个目录下,以管理员身份打开powershell(或cmd;文件——以管理员打开ps——输入npminstallpicgo-plugin-gitee-uploader命令——重启picgo即可)
- vue3递归组件的使用
未央区邓紫棋
vue.jsvue.js前端javascript
HelloWorld.vue{{item}}import{ref,reactive}from'vue'importHelloWorldTtemfrom'./HelloWorld.vue'typeTreeList={name:string;icon?:string;children?:TreeList[]|[];};typeProps={data?:T[]|[]}defineProps>()app.
- el-dropdown自定义“更多操作⌵”上下文关联按钮)下拉菜单
你挚爱的强哥
Sg.js框架vue.jsjavascript前端
{//dropdownActive=command;letindex=dropdownItems.findIndex((v)=>v.label==command);letitem=dropdownItems[index];item.clickEvent&&item.clickEvent({item,index,scope:scope});}">更多-->{{d.label}}exportdefau
- Anaconda 创建python3.9+pytorch1.10.1+cuda11.3环境
canny_kevin
DeepLearningPythonpythonconda
1.打开AnacondaPowershellPrompt2.创建conda环境condacreate--nameRordAIpython=3.9conda一些命令condainfo--envs:输出中带有【*】号的的就是当前所处的环境condalist:看这个环境下安装的包和版本condainstallnumpyscikit-learn:安装numpysklearn包condaenvremove-
- 3DSwiper 好看的走马灯轮播图
代码来源vue3写法,复制即用❮❯//配置参数constconfig=reactive({maxWidth:'180px',speed:10000,//轮播速度multiple:1,//鼠标悬停放大倍速autoPlay:true,//是否自动轮播imgList:["https://img0.baidu.com/it/u=1446729335,4267600834&fm=
- Vue3父子组件通信
一只路人甲
前端vue.jsjavascript前端
一,父传子:props单向数据流原则禁止子组件直接修改prop通过自定义事件通知父组件更新App.vue我是父组件更新父组件数据,传递到子组件了import{ref,reactive}from'vue'importCompfrom'./Comp.vue'constparentMessage=ref('初始消息')constuser=reactive({name:'andy',age:13})con
- 在 Azure 中将基础结构自动化工具与虚拟机配合使用
zangdalei
Market
若要以一致的方式大规模创建和管理Azure虚拟机(VM),通常需要某种形式的自动化。可以通过许多工具和解决方案来自动完成整个Azure基础结构部署和管理生命周期。本文介绍了一些可以在Azure中使用的基础结构自动化工具。这些工具通常适合以下某个方法:自动执行VM的配置工具包括Chef。特定于VM自定义的工具包括适用于LinuxVM的cloud-init、PowerShellDesiredState
- AutomatedLab项目中PowerShell期望状态配置(DSC)的高级应用指南
邵娇湘
AutomatedLab项目中PowerShell期望状态配置(DSC)的高级应用指南AutomatedLabAutomatedLabisaprovisioningsolutionandframeworkthatletsyoudeploycomplexlabsonHyperVandAzurewithsimplePowerShellscripts.ItsupportsallWindowsoperat
- Azure 自动化:所需状态配置 (DSC)
云攀登者-望正茂
azureazure
PowerShell是一款面向Windows系统管理员的任务导向型Shell和脚本解决方案。但PowerShellDSC扩展了这一理念,并提供了一种声明式语法,即使对要部署的特定IT资源一无所知,也能配置并维护该IT资源的特定状态,即使他们从技术角度不知道如何实现该目标。PowerShell使我们能够为每台服务器提供配置,并确保每次部署服务器时,都以完全相同的方式使用相同的配置进行部署,并且该配置
- 磁悬浮轴承温度漂移克星:三招实现精准控制
FanXing_zl
磁悬浮轴承磁悬浮磁悬浮轴承控制磁悬浮轴承磁悬浮智能硬件传感器温漂
在磁悬浮轴承(ActiveMagneticBearing,AMB)的高性能应用中,位置传感器的精度就是系统的生命线。然而,传感器输出随温度变化产生的漂移(温漂),如同一个潜伏的破坏者,悄然引入测量误差,轻则导致转子振动加剧、功耗上升,重则引发稳定性崩溃、转子跌落。本文将深入剖析温漂成因,并从传感器选型、结构安装、控制算法三个维度,提供系统的解决方案。一、精准选型:从源头扼制温漂传感器是温漂的源头,
- 磁悬浮轴承电磁设计:从理论到实践的高性能跃迁之路
FanXing_zl
磁悬浮轴承磁悬浮磁悬浮轴承磁悬浮电磁设计磁悬浮控制性能对比
某高速透平机械项目现场,工程师们屏息凝神。随着指令下达,转子在完全无接触的磁力支撑下平稳越过120kRPM临界转速,振动值稳定在2μm以内—这场静默的悬浮之舞,其核心秘密正隐藏在精妙的电磁设计之中。一、磁悬浮轴承:电磁力支撑的工业革新磁悬浮轴承(ActiveMagneticBearing,AMB)通过可控电磁力实现转子稳定无接触悬浮,彻底消除了机械摩擦与润滑需求。其核心优势在于:支持超高转速:支持
- CSS 问题记录::active 状态下背景超出 border-radius 的圆角区域
码客前端
css前端
CSS问题记录::active状态下背景超出border-radius的圆角区域问题描述在开发中,我们经常使用:active伪类来为可点击元素添加激活状态的样式。但在某些情况下,当元素设置了cursor:pointer并触发:active状态时,背景颜色会填充整个矩形区域,而忽略了原本设置的border-radius圆角效果。这会导致视觉上不符合预期,尤其是在按钮或菜单项等需要圆角设计的UI元素中
- Spring WebFlux 功能介绍,使用场景,完整使用示例
慧一居士
JAVAjava
SpringWebFlux是SpringFramework5+引入的非阻塞、响应式Web框架,旨在充分利用现代多核处理器和异步I/O模型(如Netty、Undertow、Servlet3.1+容器),处理海量并发连接,特别适合低延迟、高吞吐量的应用场景。它是SpringMVC的补充,为响应式编程模型提供了完整的支持。核心功能:非阻塞&响应式核心:基于ProjectReactor(ReactiveS
- 渗透测试指南(CS&&MSF):Windows 与 Linux 系统中的日志与文件痕迹清理
浩策
提权&&权限维持windowslinux运维网络安全安全系统安全web安全
目录️♂️一、清理日志的重要性核心目标案例:域控渗透后日志暴露️二、Windows系统日志清理1.事件日志(EventLogs)2.Web日志(IISLogs)3.PowerShell日志4.其他日志三、Linux系统日志清理1.系统日志(Syslog)2.认证日志(AuthLogs)3.Web服务器日志4.其他日志️四、删除攻击工具与文件1.Windows系统2.Linux系统五、高级红队对抗
- Vue开发的商城系统
速易达网络
移动应用开发课程vue.js
下面我将为您设计一个基于Vue的完整商城系统,包含商品展示、购物车等功能。系统设计思路前端架构:Vue+VueRouter核心功能模块:用户认证(登录/注册)商品浏览与搜索购物车管理订单创建与支付个人中心完整实现代码Vue商城☰<nav:class="{active:menuActive}"
- centos8安装显卡驱动
1、查看显卡型号```powershell命令:lspci|grep-ivga输出:01:00.0VGAcompatiblecontroller:NVIDIACorporationGP102[GeForceGTX1080Ti](reva1)2、查看系统内核命令:uname-r输出:3.10.0-862.el7.x86_644、官网下载对应的显卡版本https://www.nvidia.cn/dri
- 【云原生技术】在 Windows 上,如何重启 Docker Desktop
阿寻寻
云原生windowsdocker
在Windows上,你可以通过以下方法重启DockerDesktop:使用DockerDesktop界面重启右键点击Docker图标:在系统托盘(任务栏右下角)找到Docker图标,右键点击它。选择“Restart”:在弹出的菜单中选择Restart以重启Docker。使用PowerShell或命令提示符重启Docker如果你更喜欢使用命令行,可以通过以下方式重启Docker服务:打开PowerS
- 使用vue3+el-form实现动态新增名称,值,并对名称进行必填校验
从不讲道理
vuevue.js前端javascript
使用vue3+el-form实现动态新增名称,值,并对名称进行必填校验效果图代码+-AddItem-->Submit-->import{ref,reactive,defineProps,watch}from'vue'constprops=defineProps({defaultData:{type:[Object,Array]},disabled:{type:Boolean,default:fal
- Tool 类 API 文档:灵活的数据状态管理工具
程序猿全栈の董
学习开源c++后端
Tool类API文档:灵活的数据状态管理工具概述Tool是一个轻量级的C++类,专为需要跟踪和管理数据状态的场景设计。它提供了一种简洁的方式来更新值并同时获取之前的值,使开发者能够轻松实现状态变更、值交换和历史记录等功能。类定义classTool{intdata;public:Tool();Tool(intinitialValue);~Tool();intinteractive(intmyVar)
- WSL2下Ubuntu20.04环境配置(Anaconda、Pytorch、CUDA安装)与项目导入
进军大模型
pytorch人工智能pythonubuntu
目录WSL2+Ubuntu20.04安装迁移WSL2配置WSL2访问Windows上的代理linux安装CondaCUDA安装Pytorch安装项目导入与运行WSL2+Ubuntu20.04安装1.搜索WindowsPowerShell,用管理员权限打开,执行wsl--install指令下载wsl。2.在MicrosoftStore中下载Ubuntu20.04。3.下载完Ubuntu后直接打开会出
- Vue3 响应式原理
旺代
vue.jsjavascript前端
目录一、Proxy代理1.Proxy工作原理2.依赖收集系统3.ref的实现原理4.reactive的实现原理5.副作用系统(Effect)6.响应式系统的优势7.响应式流程总结二、组件触发渲染的时机1.首次挂载时2.响应式数据变更3.Props更新4.强制更新三、Vue3组件生命周期流程一、创建阶段(组件实例初始化)二、挂载阶段(DOM插入页面)三、更新阶段(响应数据变化)四、销毁阶段(移除组件
- 解决Trae AI Builder 模式出现“服务异常,请稍后重试”的问题
来自于狂人
人工智能
一、环境配置修复(高频问题,如果嫌麻烦直接卸载干净,然后重装就好了,一定要卸载干净!)PowerShell版本校验Windows系统需确保已安装PowerShell6+版本(Builder模式的强制依赖):•打开终端输入$PSVersionTable.PSVersion,若版本号低于6.0,需访问PowerShell官网下载最新版•在Trae终端面板右上角点击+>选择带有\PowerShell\6
- 矩阵求逆(JAVA)初等行变换
qiuwanchi
矩阵求逆(JAVA)
package gaodai.matrix;
import gaodai.determinant.DeterminantCalculation;
import java.util.ArrayList;
import java.util.List;
import java.util.Scanner;
/**
* 矩阵求逆(初等行变换)
* @author 邱万迟
*
- JDK timer
antlove
javajdkschedulecodetimer
1.java.util.Timer.schedule(TimerTask task, long delay):多长时间(毫秒)后执行任务
2.java.util.Timer.schedule(TimerTask task, Date time):设定某个时间执行任务
3.java.util.Timer.schedule(TimerTask task, long delay,longperiod
- JVM调优总结 -Xms -Xmx -Xmn -Xss
coder_xpf
jvm应用服务器
堆大小设置JVM 中最大堆大小有三方面限制:相关操作系统的数据模型(32-bt还是64-bit)限制;系统的可用虚拟内存限制;系统的可用物理内存限制。32位系统下,一般限制在1.5G~2G;64为操作系统对内存无限制。我在Windows Server 2003 系统,3.5G物理内存,JDK5.0下测试,最大可设置为1478m。
典型设置:
java -Xmx
- JDBC连接数据库
Array_06
jdbc
package Util;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
public class JDBCUtil {
//完
- Unsupported major.minor version 51.0(jdk版本错误)
oloz
java
java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType)
at org.apache.catalina.loader.WebappClassL
- 用多个线程处理1个List集合
362217990
多线程threadlist集合
昨天发了一个提问,启动5个线程将一个List中的内容,然后将5个线程的内容拼接起来,由于时间比较急迫,自己就写了一个Demo,希望对菜鸟有参考意义。。
import java.util.ArrayList;
import java.util.List;
import java.util.concurrent.CountDownLatch;
public c
- JSP简单访问数据库
香水浓
sqlmysqljsp
学习使用javaBean,代码很烂,仅为留个脚印
public class DBHelper {
private String driverName;
private String url;
private String user;
private String password;
private Connection connection;
privat
- Flex4中使用组件添加柱状图、饼状图等图表
AdyZhang
Flex
1.添加一个最简单的柱状图
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
<?xml version=
"1.0"&n
- Android 5.0 - ProgressBar 进度条无法展示到按钮的前面
aijuans
android
在低于SDK < 21 的版本中,ProgressBar 可以展示到按钮前面,并且为之在按钮的中间,但是切换到android 5.0后进度条ProgressBar 展示顺序变化了,按钮再前面,ProgressBar 在后面了我的xml配置文件如下:
[html]
view plain
copy
<RelativeLa
- 查询汇总的sql
baalwolf
sql
select list.listname, list.createtime,listcount from dream_list as list , (select listid,count(listid) as listcount from dream_list_user group by listid order by count(
- Linux du命令和df命令区别
BigBird2012
linux
1,两者区别
du,disk usage,是通过搜索文件来计算每个文件的大小然后累加,du能看到的文件只是一些当前存在的,没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。
- AngularJS中的$apply,用还是不用?
bijian1013
JavaScriptAngularJS$apply
在AngularJS开发中,何时应该调用$scope.$apply(),何时不应该调用。下面我们透彻地解释这个问题。
但是首先,让我们把$apply转换成一种简化的形式。
scope.$apply就像一个懒惰的工人。它需要按照命
- [Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化
bit1129
zookeeper
ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类,它内部包含两个类,1. SendThread 2. EventThread, SendThread负责客户端和服务器端的数据通信,也包括事件信息的传输,EventThread主要在客户端回调注册的Watchers进行通知处理
ClientCnxn构造方法
&
- 【Java命令一】jmap
bit1129
Java命令
jmap命令的用法:
[hadoop@hadoop sbin]$ jmap
Usage:
jmap [option] <pid>
(to connect to running process)
jmap [option] <executable <core>
(to connect to a
- Apache 服务器安全防护及实战
ronin47
此文转自IBM.
Apache 服务简介
Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server),它是 Internet 上最常见也是使用最频繁的服务器之一,Web 服务器能够为用户提供网页浏览、论坛访问等等服务。
由于用户在通过 Web 浏览器访问信息资源的过程中,无须再关心一些技术性的细节,而且界面非常友好,因而 Web 在 Internet 上一推出就得到
- unity 3d实例化位置出现布置?
brotherlamp
unity教程unityunity资料unity视频unity自学
问:unity 3d实例化位置出现布置?
答:实例化的同时就可以指定被实例化的物体的位置,即 position
Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object
这样你不需要再用Transform.Position了,
如果你省略了第二个参数(
- 《重构,改善现有代码的设计》第八章 Duplicate Observed Data
bylijinnan
java重构
import java.awt.Color;
import java.awt.Container;
import java.awt.FlowLayout;
import java.awt.Label;
import java.awt.TextField;
import java.awt.event.FocusAdapter;
import java.awt.event.FocusE
- struts2更改struts.xml配置目录
chiangfai
struts.xml
struts2默认是读取classes目录下的配置文件,要更改配置文件目录,比如放在WEB-INF下,路径应该写成../struts.xml(非/WEB-INF/struts.xml)
web.xml文件修改如下:
<filter>
<filter-name>struts2</filter-name>
<filter-class&g
- redis做缓存时的一点优化
chenchao051
redishadooppipeline
最近集群上有个job,其中需要短时间内频繁访问缓存,大概7亿多次。我这边的缓存是使用redis来做的,问题就来了。
首先,redis中存的是普通kv,没有考虑使用hash等解结构,那么以为着这个job需要访问7亿多次redis,导致效率低,且出现很多redi
- mysql导出数据不输出标题行
daizj
mysql数据导出去掉第一行去掉标题
当想使用数据库中的某些数据,想将其导入到文件中,而想去掉第一行的标题是可以加上-N参数
如通过下面命令导出数据:
mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName" > exportResult.txt
结果为:
studentid
- phpexcel导出excel表简单入门示例
dcj3sjt126com
PHPExcelphpexcel
先下载PHPEXCEL类文件,放在class目录下面,然后新建一个index.php文件,内容如下
<?php
error_reporting(E_ALL);
ini_set('display_errors', TRUE);
ini_set('display_startup_errors', TRUE);
if (PHP_SAPI == 'cli')
die('
- 爱情格言
dcj3sjt126com
格言
1) I love you not because of who you are, but because of who I am when I am with you. 我爱你,不是因为你是一个怎样的人,而是因为我喜欢与你在一起时的感觉。 2) No man or woman is worth your tears, and the one who is, won‘t
- 转 Activity 详解——Activity文档翻译
e200702084
androidUIsqlite配置管理网络应用
activity 展现在用户面前的经常是全屏窗口,你也可以将 activity 作为浮动窗口来使用(使用设置了 windowIsFloating 的主题),或者嵌入到其他的 activity (使用 ActivityGroup )中。 当用户离开 activity 时你可以在 onPause() 进行相应的操作 。更重要的是,用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro
- win7安装MongoDB服务
geeksun
mongodb
1. 下载MongoDB的windows版本:mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip,Linux版本也在这里下载,下载地址: http://www.mongodb.org/downloads
2. 解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d
- Javascript魔法方法:__defineGetter__,__defineSetter__
hongtoushizi
js
转载自: http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/
在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为
例如,在一个图书类中,我们自动为Book加上书名符号:
function Book(name){
- 错误的日期格式可能导致走nginx proxy cache时不能进行304响应
jinnianshilongnian
cache
昨天在整合某些系统的nginx配置时,出现了当使用nginx cache时无法返回304响应的情况,出问题的响应头: Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05
- 数据源架构模式之行数据入口
home198979
PHP架构行数据入口
注:看不懂的请勿踩,此文章非针对java,java爱好者可直接略过。
一、概念
行数据入口(Row Data Gateway):充当数据源中单条记录入口的对象,每行一个实例。
二、简单实现行数据入口
为了方便理解,还是先简单实现:
<?php
/**
* 行数据入口类
*/
class OrderGateway {
/*定义元数
- Linux各个目录的作用及内容
pda158
linux脚本
1)根目录“/” 根目录位于目录结构的最顶层,用斜线(/)表示,类似于
Windows
操作系统的“C:\“,包含Fedora操作系统中所有的目录和文件。 2)/bin /bin 目录又称为二进制目录,包含了那些供系统管理员和普通用户使用的重要
linux命令的二进制映像。该目录存放的内容包括各种可执行文件,还有某些可执行文件的符号连接。常用的命令有:cp、d
- ubuntu12.04上编译openjdk7
ol_beta
HotSpotjvmjdkOpenJDK
获取源码
从openjdk代码仓库获取(比较慢)
安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial
将以下内容添加到$HOME/.hgrc文件中,如果没有则自己创建一个: [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe
- 将数据库字段转换成设计文档所需的字段
vipbooks
设计模式工作正则表达式
哈哈,出差这么久终于回来了,回家的感觉真好!
PowerDesigner的物理数据库一出来,设计文档中要改的字段就多得不计其数,如果要把PowerDesigner中的字段一个个Copy到设计文档中,那将会是一件非常痛苦的事情。