表单 一行 动态vue

小程序使用ec-canvas实现循环动态渲染echarts表格

小程序使用ec-canvas实现循环动态渲染echarts表格,从后题获取表格参数,小程序端动态渲染. 需要下载ec-canvas组件,并添加引用 wxml <view class="container" wx:for="{{ec}}" wx:key="index"> <ec-canvas id=" ......
ec-canvas 表格 echarts 程序 动态

vue 格式化JSON

第一步:安装 npm i bin-code-editor -S # or yarn add bin-code-editor 第二步:在main.js中引入 //引入vue import Vue from 'vue'; //引入bin-code-editor相关插件和样式 import CodeEdi ......
格式 JSON vue

C/C++ 实现动态资源文件释放

当我们开发Windows应用程序时,通常会涉及到使用资源(Resource)的情况。资源可以包括图标、位图、字符串等,它们以二进制形式嵌入到可执行文件中。在某些情况下,我们可能需要从可执行文件中提取自定义资源并保存为独立的文件。在这篇博客文章中,我们将讨论如何使用C++和WinAPI实现这个目标。首... ......
文件 动态 资源

vue实现大文件分片上传

这里使用了element ui的文件上传插件 <div class="inputTitle">人员资料</div> <div class="uploadBox"> <div class="picture"> <img src="@/assets/images/zip-before.png"> </d ......
文件 vue

Vue3 diff算法详解

Diff 更新算法 由于目前Vue3对于性能的优化做了很多的处理,所以其在更新时并不会对所有的节点都进行diff更新。目前会进行diff更新的有以下两种情况: v-for容器节点 自写的render()函数 还有一种特殊情况会进行无diff的按序更新,这种更新是全替换模式,非常耗时: 无key值的v ......
算法 Vue3 diff Vue

Vue2 的 diff 算法详解

所谓 diff 算法,就是通过比对新旧两个虚拟节点不一样的地方,针对那些不一样的地方进行新增或更新或删除操作。接下来详细介绍节点更新的过程。 首先进行静态节点处理,判断新旧两个虚拟节点是否是静态节点,如果是,就不需要进行更新操作,可以直接跳过更新比对的过程 。 再更新处理新老节点的属性,获取新老节点 ......
算法 Vue2 diff Vue

vue+spirngboot前后端数据加解密(基于AES+RSA实现)

案例说明 案例只针对post请求 这里使用’Content-Type’: ‘application/x-www-form-urlencoded; charset=UTF-8’;为键值对的形式(非json) AES加密数据,RAS加密AES的key 实现思路 前台首先请求非加密接口获取后台的公钥前台在 ......
spirngboot 数据 vue AES RSA

Rusty Tuesday :Rust 基金会一行来访 Databend Labs,共话技术创新!

在当今快速发展的技术浪潮中,Rust 作为一种新兴的编程语言,凭借其卓越的内存安全特性和高效的性能,吸引了全球开发者的广泛关注。2023 年 12 月 05 日,由 Databend Labs 主办的首届 Rusty Tuesday 活动正式在北京揭开序幕。 在本次活动中,我们非常荣幸地邀请到了多位 ......

vue2实现文件分片上传/续传

两种上传文件方式一种分片和续传工具包/assets/utils.js export function fileParse(file, type = "base64") { return new Promise(resolve => { let fileRead = new FileReader(); ......
文件 vue2 vue

懂 Vue3 中的各种 ref:toRef,toRefs,isRef,unref...

在 Vue3 中,有许多与响应式相关的函数,例如 toRef、toRefs、isRef、unref 等等。合理地使用这些函数可以在实际开发中大大提高效率。本文将详细介绍这些函数的用法,让在实际开发中知道应该使用哪些 API 并能够熟练地回答面试官的相关问题。 ref() 大家对于 ref 这个 AP ......
toRefs isRef toRef unref Vue3

Vue之this.$options.data()和this.$data

Vue之this.$options.data()和this.$data:https://blog.csdn.net/weixin_44090040/article/details/129875428?utm_medium=distribute.pc_relevant.none-task-blog-2 ......
this data options Vue

vue实现全局消息提醒功能(vue-extend)

1.需求背景 (1)在一般的管理系统或者 H5 应用中,需要交互反馈提醒。这种交互反馈,往往需要在多个组件中使用到,那么是否可以将其抽离出来,封装一个组件呢?答案是肯定的,可以根据日常的业务,对消息提醒功能进行封装,那么问题来了,如何实现一次注册,多次使用呢,关键时刻,vue.extend API ......
全局 vue-extend vue 消息 功能

vue3 引入axios 并封装下

没有考虑取消重复请求、重复发送请求、请求缓存等情况 重复请求参考此链接 实现请求拦截 实现响应拦截 常见错误信息处理 请求头设置 api 集中式管理 index.js import axios from "axios"; import qs from "qs"; const serverConfig ......
axios vue3 vue

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

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

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

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

mybatis动态sql将字符串转换成数字类型报错

报错信息 org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.exceptions.PersistenceException: ### Error querying database. Ca ......
字符串 字符 mybatis 类型 数字

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

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脚手架的练习2

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

vue实现下载附件功能

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

Tita | 升级新增“关注动态”支持关注他人工作动态。

升级详情: Tita - OKR和新绩效一体化管理平台 1.新增“关注动态”,支持关注他人工作动态。 Q1:在哪新增“关注动态”? 小t:在动态模块下新增“关注动态”页签。 Q2:“关注动态”有何用途? 小t:在“关注动态”中“我关注的人”中,添加想要关注的公司成员,这样当被关注的成员有任何工作进展 ......
动态 Tita

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 组件 界面

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