空格 源码app vue
用vite创建vue3项目
打算用vite创建vue3项目 1.安装 npm init vite-app <项目名称> cd <项目名称> npm install npm run dev ## 执行完以上命令，就意味着你的vue3.0项目已经用上了vite了 提示 deprecated 改为： npm init @vitejs ......
vue+js实现点击图片，图片放大
1.首先在template中插入image，并赋予点击事件（这个时候是小图） <template> <div> <img src="@/assets/images/avatar.png" @click="imgShow()" /> </div> </template> 2.data定义点击放大的图片 ......
vue数据双向绑定的原理是什么?
Vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty()来劫持各个属性的 setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 需要 Observe 的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter 和 ......
Vue上传视频组件
整合上传组件 <el-form-item label="上传视频"> <el-upload :on-success="handleVodUploadSuccess" :on-remove="handleVodRemove" :before-remove="beforeVodRemove" :on-e ......
[vue-router] hash模式与history模式的区别
单页面应用（SPA） 单页面应用程序将所有的活动局限于一个Web页面中，在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成，单页面应用不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用 JavaScript 动态的变换HTML的内容，从而实现UI ......
手机直播源码，Android Shape设置背景
手机直播源码，Android Shape设置背景 设置背景时，经常这样 android:background=“@drawable/xxx” 。如果是纯色图片，可以考虑用 shape 替代。 shape 相比图片，减少资源占用，缩减APK体积。 <?xml version="1.0" encodin ......
Vue+OpenLayers从入门到实战进阶案例汇总目录，兼容OpenLayers7和OpenLayers8
本篇作为《Vue+OpenLayers入门教程》和《Vue+OpenLayers实战进阶案例》所有文章的二合一汇总目录，方便查找。 本专栏源码是由OpenLayers结合Vue框架编写。 本专栏从Vue搭建脚手架到如何引入OpenLayers依赖的每一步详细新手教程，再到通过各种入门案例和综合性的实 ......
在线直播源码，ui的select显示数字
在线直播源码，ui的select显示数字 //修改前<el-option v-for="(item,index) in platformData" :key="index" :label="item.platform_name" :value="item.id"/>//修改后，在value后面加 + ......
NU1102 找不到版本为（=5.0.0-dev）的包 Microsoft.NETCore.App.Host.win-x64
异常： 原因：.Net Core 3.0 之后的版本，默认情况下项目在生成时，会自动生成与运行时版本相同的可执行文件（exe<Windows下>），它是需要对应版本的一个dotnet-apphost-pack包支持。 解决方法： 1.下载安装dotnet-apphost-pack包 2.禁用生成可执 ......
vue 视频上传组件
组件： <template> <div class="upload-box"> <div class="avatar-uploader-box"> <!-- 图片预览 --> <div :key="index" class="video-preview" v-for="(item, index) i ......
宝塔 nginx 运行 vue项目
宝塔 安装nginx nginx 根目录： /www/server/nginx/html 修改nginx 配置 下滑到70多行，添加 server 对象内容，内容如下 server { listen 82; server_name test2; location / { root html/test ......
app小程序渗透测试流量代理方式
1.burp+夜神模拟器 夜神模拟器：设置->网络（长按）->设置代理本机IP端口号与burp相同，代理设置完成后保存，重启一下网络 Burp设置代理 夜神模拟器打开浏览器下载安装burp证书http://burp 证书安装位置位于设置-安全-从SSD卡安装证书 ，这里注意这两个都要安装，证书下载位 ......
vue图片上传视频
图片上传是现在Web开发中常见的需求之一。而使用Vue框架可以使得这一过程更加方便和有效。在Vue中使用预先开发好的组件，可以快速地实现图片上传功能。 // 在Vue组件中引用插件 import VueUploadComponent from 'vue-upload-component' // 在模 ......
Vue3 打印,合并单元格
一、npm i vue3-print-nb 1、按钮： <el-button type="danger" v-print="printObj" icon="Star">交接并打印</el-button> 2、打印区域外边添加div <div ref="printContent" id="printC ......
c++ STL源码解读
红黑树 map,key不能添加相同的key，如果添加不会报错，但是添加不进去 #include <iostream> #include <map> #include <set> using namespace std; int main(int argc, char const *argv[]) { ......
vue3 -点击按钮进入新的页面
一、调用页面 //路由 import { useRouter } from 'vue-router let $router = useRouter() // 车组调整页面 const handleCar=(row:any) =>{ $router.push({path:"/test/edit",qu ......
uniapp做app跳转小程序支付功能
1.app里面代码 app向小程序路径传参的时候，如果太长或者是里面有特殊符号建议先使用编码然后再小程序端解码实现传送（编码代码如下） encodeURIComponent(JSON.stringify(params)) // 编码 JSON.parse(decodeURIComponent(opt ......
vue3 用法汇总（二）
1、列表中鼠标放在不同单元格显示不同的背景颜色 <el-table v-resize:44 :data="tableData" class="table marking-table" border style='margin: 10px 0px' highlight-current-row elem ......
HashMap源码详解
HashMap简介 HashMap是Java语言中的一种集合类，它实现了Map接口，用于存储Key-Value对。它基于哈希表数据结构，通过计算Key的哈希值来快速定位Value的位置，从而实现高效的插入、删除和查找操作。下面我们对照着JAVA1.8中的HashMap源码来分析一下它的内部实现逻辑 ......
vue上传视频框架
在Web应用程序中经常需要用户上传视频，以便内容分享，教程和其他目的。Vue.js是一种流行的JavaScript框架，它提供了一种方便的方式来设计交互式和动态的用户界面，因此Vue上传视频框架是一种非常受欢迎的技术。 Vue.js框架提供了各种插件和工具，它们可以帮助开发人员轻松地实现视频上传功能 ......
Vue树形单选选择器
调用页面SuperviseTimerModal.vue代码如下： <template> <div> <j-modal centered :title="title" :width="width" :visible="visible" :destroyOnClose="true" switchFull ......
[Vue]组件实例对象可以访问到Vue原型上的属性、方法
1. 一个重要的内置关系：VueComponent.prototype.__proto__ Vue.prototype 2. 为什么要有这个关系：让组件实例对象vc可以访问到Vue原型上的属性、方法 <body> <div id="root"></div> </body> <script> let ......
Spring/SpringBoot中的声明式事务和编程式事务源码、区别、优缺点、适用场景、实战
一、前言 在现代软件开发中，事务处理是必不可少的一部分。当多个操作需要作为一个整体来执行时，事务可以确保数据的完整性和一致性，并避免出现异常和错误情况。在SpringBoot框架中，我们可以使用声明式事务和编程式事务来管理事务处理。其中事务的坑也是不少，比较常见的就是事务失效，大家可以看看！后面小编 ......
vue3 学习一 搭建环境
1. 安装node nmp nvm 2. 构建vue脚手架 2.1 创建工程 nmp init vite@latest 或者 npm init vue@latest (配置比较全) 创建工程名 vue-demo 选择vue, typescript 2.2 安装依赖包和运行 cd vue-demo n ......
创建一个vue项目-----局部环境搭建
创建 vue 项目的五种方法 方法一：vue init webpack 项目名（vue-cli2.x的初始化方式） 以管理员身份打开命令行界面 (按住 shift 鼠标右键 打开 PowerShell)，输入命令： vue init webpack blog 创建项目(blog 是项目名) 如果没有 ......
创建一个vue项目---全局环境搭建
全局环境搭建 一、环境准备 1、安装 node.js 下载地址：https://nodejs.org/en/ 2、检查是否安装成功：输出版本号说明安装成功 3、安装淘宝镜像 (淘宝镜像速度比较快) npm install -g cnpm -registry=https://registry.npm. ......
[MDP.NetCore] 開發一個從GitHub持續佈署到Azure Container Apps的Web站台
開發一個從GitHub持續佈署到Azure Container Apps的Web站台 程式碼簽入GitHub之後，啟動GitHub Action流程，編譯並部署程式到Azure Container Apps，是開發系統時常見的功能需求。本篇範例協助開發人員使用GitHub與Azure，逐步完成必要的 ......
springboot-vue 项目
一 、后端 @Controller一般 在controller中return返回的是一个地址@RestController 返回的是一个数据(json)，在前后端分离都是用@RestController @RequestParam 与浏览器上的值作为绑定(如果name写错，也能传递)，不过写了之后一 ......
[vue]精宏技术部试用期学习笔记 III
精宏技术部试用期学习笔记（vue） 父子通信 什么是通信 / 为什么要通信 通信即在不同组件之间传输数据 当在 复用组件 时，需要传递不同数据达成不同的表现效果 能够根据其他组件的行动，响应式 的做出变化 Props 功能: 让父组件信息传递到子组件 code: 假定 index.vue 已经通过 ......
uniapp app横屏竖屏问题导致样式紊乱
最近做了一个点击签名然后要让app自动横屏的功能，此功能难点在于退出横屏的时候，会导致竖屏的页面紊乱。 首先如果要让app横屏，要先在manifest.json的源码视图app-plus里添加"flexible": true,表示app可以横竖切换 然后在想要横屏的页面里加上 onShow() { ......