文件dist vue
vue3学习基础之组件
组件 Comp.vue <script setup> import { ref, provide, readonly, defineAsyncComponent } from "vue"; import DemoComp from "../../components/simple/DemoComp. ......
vue3学习基础之响应式状态
响应式状态 <script setup> import { ref, reactive, computed, watch, watchEffect } from "vue"; //reactive 响应式对象 只能用于对象、数组和集合类型 const author = reactive({ name ......
HTML5应用之文件拖拽上传
使用HTML5的文件API,可以将操作系统中的文件拖放到浏览器的指定区域,实现文件上传到服务器。本文将结合实例讲解HTML5+jQuery+PHP实现拖拽上传图片的过程,来看下HTML5的魅力吧。 HTML 我们在页面中放置一个拖拽区域#drop_area,即接收拖拽的区域,#preview用来预览 ......
vue3学习基础之事件绑定
事件绑定 <script setup> import { nextTick, ref } from "vue"; function clickA() { console.log("点击了a标签,点击事件传递到了外层p标签"); } function clickStop() { console.log ......
vue3学习基础之表单相关
表单相关 <script setup> import { ref } from "vue"; const message = ref("hello"); const checked = ref(); const checkedNames = ref([]); const picked = ref() ......
数据库清空,镜像编译,docker配置文件及服务启动完整流程
前言:当数据库表发生变更的时候。 要做的事情: 一、更改数据库表 # 删除表,更改数据库表(表结构改变) drop table if exists src20_v3; drop table if exists src20_valid_v4; drop table if exists src20_ti ......
vue3学习基础之vue-router
我的vue3学习之路总是学学停停,最开始在18年开发微信小程序,就发现小程序和vue的语法有些相似,然后就去看了vue2的文档,随后忙其它的事情就丢下了。 直到22年又开始捡起来vue3,有了组合式api,语法简明很多,然后又不知道忙什么丢下。。。 前段有些空时间,就把vue3的学习整理下,使用vi ......
windows 操作文件
Windows操作系统允许用户同时打开同一文本文件的多个实例,主要原因是记事本程序的设计与操作系统的文件访问机制。 首先,我们先来看记事本程序的设计。当你在记事本中打开一个文件时,它会将文件的内容读入内存,并在内存中进行编辑。这意味着,实际上你在编辑的不是文件本身,而是文件的一个内存副本。只有当你保 ......
【源码系列#04】Vue3侦听器原理(Watch)
本章目标:侦听器watch是如何兼容ref、响应式对象和getter函数等不同数据源的?回调时机immediate是如何实现的?关于onCleanup,一个用于注册副作用清理的回调函数是如何实现的? ......
使用HTML5实现多文件上传
入门 File input之所以叫file input是因为它是一个标准的input元素,且其type属性被设置为"file"。很多年以来,file input一次只能选择并上传单个文件。在新的HTML5规范中为input元素添加了多选模式。当然,不同浏览器对于规范的实现一直以来都不尽相同。比如,F ......
cython,将py文件编译成pyd/so文件
在windows下使用cythonize可以将py文件编译成pyd,这样就完成了初步的python代码加密工作 使用前需要先安装Cython pip install Cython 然后对py文件执行命令cythonize -i -3 --directive always_allow_keywords ......
Shell脚本实现SFTP传输文件,通过密码形式
读取SFTP连接信息cat 读取文件内容grep server : 查找文件内容中包含server字符的,行内容awk -F ‘=’ :实现字符串分割,分割字符’‘=’${print $2}: 其中$2 表示切割后数组中第几值base -d :解码base64字符串,转为可识别字符串 #sftp配置 ......
切换vscode按ctrl + F5执行文件启动的终端
问题描述:之前在vscode 用ctrl + F5执行文件是用sh终端,我在用matplotlib(用TkAgg后端显示)画图总是显示“ImportError: Cannot load backend 'TkAgg' which requires the 'tk' interactive frame ......
【Vue】依赖追踪
在明白原理之前,我们有很多表面现象、使用场景需要记忆。明白了原理后,你会发现它们已经不需要记了,因为从原理出发,你自己都能把它们推导出来,一切是那么的自然而然。感觉就是:这还用记吗?很明显嘛! 之前我对vue的响应式原理,只是一知半解,导致开发中经常会出现疑问,比如:为什么有的数据它不响应?模板中用 ......
VUE3 + Three.js 坑
VUE3 + Three.js 坑 1. 问题描述 将scene、camera、renderer、controls等变量用reactive变成响应式时,页面渲染会报错: three.module.js?5a89:24471 Uncaught TypeError: 'get' on proxy: pr ......
lottie 动画在 vue 中的使用
前言 最近我所负责的项目中,我采用了动画效果,并开始使用 gif 来实现。然而,在实践过程中,我发现 gif 格式的动画在 git 中出现了明显的锯齿感,这让我非常困扰。为了追求更完美的表现效果,我最终选择了 lottie 来实现我的动画需求。我深知动画效果的呈现对于用户体验至关重要,因此我非常认真 ......
maven项目的pom.xml文件不识别$符号,爆红
错误一: 在IntelliJ IDEA中, maven项目的pom.xml文件不识别$符号,, 解决方案: 删除项目,从新从gitlab上下载。 可能因为缓存,但是我清理了缓存仍然无用。最后删除重新下载。 错误二: 由于引入:mapstruct-processor, 报错: java: Intern ......
vue 浅解
Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。 vue有自己的语法, ......
VS2019,无法启动程序xxx.exe,系统找不到指定的文件,重新生成解决方案报错
调试程序报错如图 一、尝试重新生成解决方案 二、如果生成解决方案也报错,重新安装.net SDK 本人所用为VS2019,.net5,到官网下载.net5的SDK重新安装后,恢复正常,重新生成成功,启动调试成功。 .net各版本下载地址: https://dotnet.microsoft.com/e ......
JavaWeb - Day11 - 案例 - 员工管理、文件上传、修改员工、配置文件
01. 案例-员工管理-新增员工 前面我们已经实现了员工信息的条件分页查询以及删除操作。 关于员工管理的功能,还有两个需要实现: 新增员工 修改员工 首先我们先完成"新增员工"的功能开发,再完成"修改员工"的功能开发。而在"新增员工"中,需要添加头像,而头像需要用到"文件上传"技术。 当整个员工管理 ......
HTML5 文件上传的2种方式
以前上传文件需要提交Form表单。 HTML5方式上传文件,可以通过使用FormData类模拟Form表单提交,从而实现无刷新上传文件。 假设有一个文件选择框 <input type="file" name="pic" id="pic" accept="image/gif" /> 有下面2种方式上传 ......
scp 上传文件到服务器
控制台输入: scp -P 22 /Users/myMac/Desktop/worktest/BeautifyTheHouse/beautify-the-house/dist.zip root@123.123.123.123:/home/my/web scp -p 端口号 绝对路径文件 用户@端口号 ......
宝塔文件分析
宝塔文件分析 宝塔登录密码加密方式 此处分析的实验环境为宝塔版本:免费版 7.6.0 tools.py调用set_panel_pwd()函数设置密码 result = sql.table('users').where('id=?',(1,)).setField('password',public.p ......
微信小程序 js怎么获取js文件变量的值
关键词:微信小程序、js变量的值、函数 数据定义: data: { case_name:"" }, 赛值函数: /** * 生命周期函数--监听页面加载 */ onLoad(options) { this.setData({ case_name:"信息", }); console.log("办案名称 ......
vue3中toRefs用法
toRefs是Vue.js 3中的一个实用函数,用于将响应式对象转换为普通对象,其中每个属性都是一个ref对象。这在某些情况下很有用,特别是想要将一个包含多个响应式属性的对象传递给子组件时。 以下是toRefs的基本用法: import { reactive, toRefs } from 'vue' ......
使用git工具将本地文件上传到github仓库
1、先创建一个文件夹 2、git init:把文件夹变成git可管理的仓库 3、git add .:“.”表示当前文件夹下所有内容都提交,也可以通过git add FileName/FolderName提交指定的文件或文件夹把文件添加到缓存区 4、git status:查看现在的状态 5、git c ......
html5实现文件批量上传组件
一、概述 在html5中,相对于之前添加了不少新的元素和属性,在javascript中也添加了一些新的API,这些给我们的开发带来了很多便利。但由于各浏览器的发展步骤不一致,也导致了不同浏览器对html5支持的差异性。 二、实现原理 1.在该html5实现的文件批量上传组件中,我们主要是利用html ......
将Python转换为exe文件并更换图标的方法
使用python语言可以很方便的编写一些脚本来帮助我们完成测试等工作,但是python的运行需要依赖于python库,如果没有python库就无法正常运行脚本完成工作。那么有没有什么办法,可以在不依赖库的前提下执行脚本?我们可以将python转换成exe可执行文件,这样生成的exe可执行文件就不需要 ......
mysql 定时 数据库备份并上传到另一台服务器上,上传结束并删除源文件
首先总共有两个脚本: #!/bin/bash:主要用于进行数据库备份、压缩、删除,单独运行命令是:bash XXX.sh #!/usr/bin/expect:主要用于进行数据备份文件的上传,单独运行命令是:expect XXX.sh 分成两个脚本写的原因是:expect 主要是用于ssh 远程上传是 ......
vue 生产环境寻找方法
https://juejin.cn/post/6898483758085701646 控制台输入 单击函数会直接跳转 生产环境直接 源码搜索 devtool 然后设置为true 然后关闭f12 重新打开 ......