教程npm vue

PostgreSQL从小白到高手教程 - 第38讲:数据库备份

PostgreSQL从小白到专家,是从入门逐渐能力提升的一个系列教程,内容包括对PG基础的认知、包括安装使用、包括角色权限、包括维护管理、、等内容,希望对热爱PG、学习PG的同学们有帮助,欢迎持续关注CUUG PG技术大讲堂。 第38讲:数据库备份 PostgreSQL第38讲:12月09日(周六) ......
PostgreSQL 备份 高手 数据库 教程

vue项目中自定义鼠标图标实现

要做大屏项目,为了各个细节都充满炫酷的感觉,鼠标的样式也要修改一下,自定义成自己想要的样式。 1、先上效果图,两种展示方式 实现这个效果首先要创建在目录下创建一个styles文件夹,里面分别包括common.css、common.scss、custom-cursor.scss。 1、common.c ......
图标 鼠标 项目 vue

python使用selenium操作浏览器的教程

重复的操作令手工测试苦不堪言,于是自动化测试出现了!作为web应用里最出名的自动化测试工具,selenium让web应用的测试轻松了很多。今天我们就来简单的介绍一下一些简单的selenium浏览器操作。接下来我们就来看看python怎么操作浏览器的吧! 1、打开指定的网页地址 我们使用seleniu ......
selenium 浏览器 教程 python

在vue3中使用openlayers3实现track轨迹动画

网上太多资料代码,抄来抄去,而且版本也是OL2的,部分API已经弃用 基础知识不多说,直接讲重点 三个关键变量 // 记录开始动画的时间 const startTime = ref(0); // 轨迹分割的颗粒度,数值越小分的越细 const particle = 20; // 轨迹动画的速度,数值 ......
openlayers3 openlayers 轨迹 动画 track

vue实现大文件分片上传 vue-simple-uploader

首先为什么要分片上传?大部分小白使用element-ui中上传组件,但是直接用它上传大文件会 超时 或者Request Entity Too Large(请求实体太大)这种问题。 1. 使用插件 vue-simple-uploader我的这个可以自定义样式(没懂的留言给我) 1.1 customUp ......

vue2、vue3适配大屏。分辨率变化,样式不变

一、vue3适配大屏的,创建一个叫 useDraw.js export default function () { const scale = { width: '1', height: '1', } const baseWidth = 1920 const baseHeight = 1080 co ......
大屏 样式 vue 分辨率 vue2

DIY鱼缸制作教程

鱼缸玻璃的连接方式:边包底 ... 鱼缸5块玻璃的尺寸计算: 使用在线工具:http://www.sexy0769.com/yugangdiy/index.html 直接计算 鱼缸玻璃选择 首先说明:不能用钢化玻璃,钢化玻璃不稳定,容易自爆,不适合用在鱼缸上。 普通浮法玻璃鱼缸爆的时候有裂缝,有补救 ......
鱼缸 制作教程 教程 DIY

基于vue脚手架的练习2

<template> <div> <span>父值为:</span>{{ to_value }} <button @click="clear()">清空</button> </div> </template> <script> export default { props:['to_value'], ......
脚手架 vue

Vue路由params、query传参用法,以及form表单回车自动提交问题

一、路由参数用法 1.1 query参数 第一种方式传参:跳转路由并携带query参数,注意to的字符串写法 将id和title拼接字符串形成地址 <router-link :to="`/home/message/detail?id=${item.id}&title=${item.title}`"> ......
表单 路由 params 问题 query

vue实现下载附件功能

两种方式下载: 第一种:直接a标签下载 <a class="item-btn download" :href="'/xxx/xxx/download?id=' + xxx.id" :download="xxx.name">下载附件</a> 第二种: <el-button class="item-bt ......
附件 功能 vue

vue-quill富文本编辑器实现图片缩放

安装环境 官网:https://vueup.github.io/vue-quill/guide/modules.html npm安装:npm install @vueup/vue-quill@latest --save pnpm安装:pnpm add @vueup/vue-quill@latest ......
编辑器 vue-quill 文本 图片 quill

Windows服务器,通过Nginx部署VUE+Django前后端分离项目

目录 基本说明 安装 Nginx 部署 VUE 前端 部署 Django 后端 Django admin 静态文件(CSS,JS等)丢失的问题 1. 基本说明 本文介绍了在 windows 服务器下,通过 Nginx 部署 VUE + Django 前后端分离项目。本项目前端运行在 80 端口,服务 ......
Windows 服务器 项目 Django Nginx

vue中this.$refs的使用方法和遇到的问题

this.$refs :用于操作真实的DOM节点。 在开发时碰到了一个小需求,需要子组件向父组件传参,而且是不需要通过事件传递的,一开始使用this.$emit()来写的,但是一直没有接受到参数,于是放弃了使用this.$emit()的使用。 于是,使用了在父组件中调用子组件的方法,来获取传递的参数 ......
使用方法 方法 问题 this refs

界面控件DevExpress中文教程 - 如何用Office File API组件填充PDF表单

DevExpress Office File API是一个专为C#, VB.NET 和 ASP.NET等开发人员提供的非可视化.NET库。有了这个库,不用安装Microsoft Office,就可以完全自动处理Excel、Word等文档。开发人员使用一个非常易于操作的API就可以生成XLS, XLS ......
表单 控件 DevExpress 组件 界面

Qt6 c++教程1简介

1 Qt6简介 Qt一个跨平台应用程序开发框架,旨在为桌面、嵌入式和移动平台创建具有统一用户界面(UI)的优秀软件应用程序。它为开发人员设计和构建优秀应用程序提供了一套强大的工具,而无需担心平台依赖性。 本章主要内容: Qt介绍 使用Qt的原因 下载和安装Qt 从源代码构建 Qt6 1.1 Qt简介 ......
简介 教程 Qt6 Qt

更换npm源的方法

// 查询源 npm config get registry // 更换国内源 npm config set registry https://registry.npmmirror.com // 恢复官方源 npm config set registry https://registry.npmjs ......
方法 npm

VS Code 配置Vue3模板

配置用户代码片段 搜索vue 配置模板 { "vue3": { "prefix": "vue3", "body": [ "<template>", " <div>", " </div>", "</template>", "", "<script setup lang=\"ts\">", "impor ......
模板 Code Vue3 Vue VS

OpenTiny Vue 3.12.0 发布:文档大优化!增加水印和二维码两个新组件

TinyVue 3.12.0 主要更新:全面优化 54 个高频组件的 Demo / API 文档,让文档更加清晰易懂、符合预期;Watermark 水印组件;QrCode 二维码组件。 ......
水印 组件 OpenTiny 两个 文档

[Vue] vue学习笔记(8): 生命周期(vue2)

vue里的生命周期,也叫生命周期回调函数,是指vue在一些关键时刻引用的特定函数,这些函数的名称是确定的,这些函数中的this指向vue实例或组件实例 挂载流程 0️⃣初始化生命周期和事件,但数据代理还未开始 1️⃣beforeCreate() ➡️ 此时无法通过vue实例访问data中的数据以及m ......
vue 周期 生命 笔记 vue2

vue解析上传的json文件信息

1.模版 <a-upload name="layoutFile" v-model:file-list="fileList" @change="importModules" accept="*" :showUploadList="false" :customRequest="() => {}" :he ......
文件 信息 json vue

npm、yarn、pnpm 如何删除缓存文件?

1.简介 在前端工程化的环境下,频繁的安装、更新、移除依赖,总会产生一些不活跃的 npm 依赖包,一直隐藏在某个角落里。 2.NPM 2.1.查看缓存路径 npm config get cache 2.2.删除缓存 npm cache clean --force 3.YARN 3.1.查看缓存路径 ......
缓存 文件 yarn pnpm npm

Vue2 的@hook 、 hook: 与生命周期

如何实现父组件监听子组件的生命周期 方法一:$emit // 父组件 <template> <div> <Child @mounted="onMounted" @updated="onUpdated" @beforeDestroy="onBeforeDestroy" ></Child> </div> ......
hook 周期 生命 Vue2 Vue

【Nginx/IIS】解决uniapp/Vue history模式下页面刷新404

uniapp/Vue 开启History模式 本地开发:二级页面刷新或者通过链接进入二级页面是正常的 打包部署后:二级页面刷新或者通过链接进入二级页面会报错404页面找不到 解决方案: Nginx配置: 在nginx.conf的对应location里配置一行代码 try_files $uri $ur ......
history 模式 页面 uniapp Nginx

如何使用Visual Studio 2022创建基本Vue.js.Web应用程序

最近接了个物联网项目,需要用到 VUE Ant-Design 对于 vue 没有概念 只能查找相关 vue.js 的知识。 了解vue.js 的 前提条件 是要对 HTML +CSS +Jscript 有一定的知识储备。 所以 又去看了看 对应的三剑客(HTML +CSS +Jscript)。 跟着 ......
应用程序 程序 Visual Studio 2022

vue3视频播放器组件vue-video-player

1、安装 npm i vue3-video-play --save 2、全局注册 import vue3videoPlay from 'vue3-video-play' // 引入组件 import 'vue3-video-play/dist/style.css' // 引入css app.use( ......
vue-video-player 组件 vue 播放器 player

基于vue2开发的html5页面实现微信分享卡片(微信好友+朋友圈+qq好友+qq空间)

首先附上文档链接: 1.微信官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#111 2.免费生成二维码的草料官网:https://cli.im/text/other 需求: 在浏览器分享链接时 ......
好友 卡片 页面 朋友 html5

批处理(bat) findstr命令使用教程--查找与替换

文章目录 findstr 指令基本格式 1. 单字符串搜索 2. 多字符串搜索 指令常用参数 1. 参数 /i(I) 忽略大小写 2. 参数 /C:string 查找包含空格的字符串所在行 3. 参数 /n 显示筛选结果的行号 4. 参数 /v 匹配结果反选 4. 参数 /s 递归查找 简单脚本应用 ......
命令 findstr 教程 bat

vue中孙子调用爷爷组件的方法怎么调用?

使用Vue的provide和inject来实现跨层级的组件通信。 provide允许一个祖先组件(爷爷组件)提供数据, 而inject允许子孙组件(孙子组件)在任意层级注入这个数据。 通过这种方式,你可以在孙子组件中访问到爷爷组件提供的方法。 以下是一个简单的例子: // 在爷爷组件中提供方法 ex ......
组件 爷爷 方法 vue

Fetch API 教程

Fetch API 教程 https://www.ruanyifeng.com/blog/2020/12/fetch-tutorial.html Fetch() https://developer.mozilla.org/zh-CN/docs/Web/API/fetch fetch()是 XMLHt ......
教程 Fetch API

a-table(AntDesign Vue)实现表格行上下拖动排序

参考链接: https://blog.csdn.net/song_de/article/details/125218350 https://blog.csdn.net/m0_61342618/article/details/132556739?utm_medium=distribute.pc_rel ......
AntDesign 表格 上下 a-table table