教程npm vue
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 ......
Vue+OpenLayers从入门到实战进阶案例汇总目录，兼容OpenLayers7和OpenLayers8
本篇作为《Vue+OpenLayers入门教程》和《Vue+OpenLayers实战进阶案例》所有文章的二合一汇总目录，方便查找。 本专栏源码是由OpenLayers结合Vue框架编写。 本专栏从Vue搭建脚手架到如何引入OpenLayers依赖的每一步详细新手教程，再到通过各种入门案例和综合性的实 ......
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 ......
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 ......
vue3 -点击按钮进入新的页面
一、调用页面 //路由 import { useRouter } from 'vue-router let $router = useRouter() // 车组调整页面 const handleCar=(row:any) =>{ $router.push({path:"/test/edit",qu ......
vue3 用法汇总（二）
1、列表中鼠标放在不同单元格显示不同的背景颜色 <el-table v-resize:44 :data="tableData" class="table marking-table" border style='margin: 10px 0px' highlight-current-row elem ......
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 ......
博客园自定义主题教程
https://www.cnblogs.com/cainiao-chuanqi/p/11388719.html https://blog.csdn.net/cxyliangzai/article/details/125094052?spm=1001.2101.3001.6650.8 ......
SonarQube使用教程
SonarQube是管理代码质量一个开放平台，可以快速的定位代码中潜在的或者明显的错误，本文将会介绍一下这个工具的安装、配置以及使用。 一、SonarQube的安装使用： 下载地址：http://www.sonarqube.org/downloads/ 本文下载的版本是sonarqube-6.7.6 ......
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 ......
VMware虚拟机的安装教程
虚拟机是什么：虚拟机（VirtualMachine）指通过软件模拟的具有完整硬件系统功能的、运行在一个完全隔离环境中的完整计算机系统。在实体计算机中能够完成的工作在虚拟机中都能够实现。在计算机中创建虚拟机时，需要将实体机的部分硬盘和内存容量作为虚拟机的硬盘和内存容量。每个虚拟机都有独立的CMOS、硬 ......
创建一个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. ......
anki 同步服务教程
anki 同步服务，支持安卓，ios，windows 等设备，不确定是否支持 Mac（没有设备） ## 1、安卓使用教程： ![图片[1]-anki 同步服务教程-MSNC](https://list.msnc.top/d/tc/net-img-anki01-20230917202756-7fn8 ......
springboot-vue 项目
一 、后端 @Controller一般 在controller中return返回的是一个地址@RestController 返回的是一个数据(json)，在前后端分离都是用@RestController @RequestParam 与浏览器上的值作为绑定(如果name写错，也能传递)，不过写了之后一 ......
[vue]精宏技术部试用期学习笔记 III
精宏技术部试用期学习笔记（vue） 父子通信 什么是通信 / 为什么要通信 通信即在不同组件之间传输数据 当在 复用组件 时，需要传递不同数据达成不同的表现效果 能够根据其他组件的行动，响应式 的做出变化 Props 功能: 让父组件信息传递到子组件 code: 假定 index.vue 已经通过 ......
2023年APP备案操作教程 阿里云APP备案试列 APP公钥sha1签名获取方法
2023年APP备案操作教程 阿里云APP备案试列 APP公钥sha1签名获取方法 阿里云新增APP备案操作教程西部数码、腾讯云、新网、等等其他域名备案信息系统操作类似； 核心要点：A，域名之前是哪里备案的，APP备案就到哪里去做，方便简单；B，APP备案核心预存信息为APP包名、MD5指纹（安 ......
35-Vue脚手架-全局事件总线（使用全局事件总线优化Todo-List案例）
全局事件总线（GlobalEventBus） 1. 一种组件间通信的方式，适用于任意组件间通信 2. 安装全局事件总线 new Vue({ ... // 生命周期 beforeCreate 这时vue还未解析模板，初始化的数据监测、数据代理还未开始 beforeCreate() { // 安装全局事 ......
技术教程 | 基于 Web 端的屏幕共享实践
屏幕共享的英文叫做 DesktopSharing，通俗点讲就是将自己电脑的画面分享给其他人, 被分享的可以是整个电脑屏幕、应用程序或者某一个打开的网页等等。 而随着音视频领域的深入发展，完备的功能在用户需求激增的背景下催生，不管是是在学习、生活或是娱乐场景下，屏幕共享作为实现互动的一种方式被越来 ......
vue用法汇总--包含各种控件（大部分是vue3）
1、导航功能 <template #header> <div class="card-header"> <el-icon><Watch /></el-icon> <span>实时排班信息</span> </div> </template> 2、 日期 1 <el-form-item> 2 <el-d ......
技术教程 —— 如何利用 SEI 实现音画同步？
摘要：利用 SEI 解决数据流录制回放过程中的音画不同步问题。 文｜即构 Web SDK 开发团队 今年 6 月， ZEGO 即构科技推出了行业内首套数据流录制 PaaS 方案，打破传统录制服务传统，实现 100% 录制还原效果（点击查看方案介绍文章）。 在实现数据流录制回放的过程中，我们需要将 ......
Laravel教程推荐
实战教程推荐 React Js 与 Laravel 构建完整的 PWA 电子商务项目 精通 Laravel 9、Vue 3 和 Inertia Fullstack 2023 Vue 3、Nuxt.js 和 Laravel：快速指南 – 高级 Laravel 8.X 电子商务 VS React Js ......
React实战教程推荐
教程推荐 平台慕课网 博主正在创建网站，招募一批前端+Laravel开发的自学团队，无偿提供大量课程，前期当徒弟后期当同事未来未来希望是合作者。欢迎参观：ihopeso.cn React18+Next.js13+TS，B端+C端完整业务+技术双闭环 前端框架及项目面试－聚焦Vue3/React/We ......