数据vue echarts文字
vue实现h5扫码
插件 html5-qrcode npm 地址 html5-qrcode 是一个基于 JavaScript 轻量级和跨平台的扫码插件。允许用户使用摄像头扫描二维码，并且解析为文本或者 url。 支持扫描不同类型的二维码和条形码 支持不同的平台，Android、IOS、Windows、MacOs 或者 ......
Jsonpath - 数据中快速查找和提取的强大工具
JSON（JavaScript Object Notation）在现代应用程序中广泛使用，但是如何在复杂的JSON数据中 查找和提取所需的信息呢？JSONPath是一种功能强大的查询语言，可以通过简单的表达式来快速准确地定位和提取JSON数据。本文将介绍JSONPath的基本语法和用法，并为您展示如 ......
vue中watch怎么深度监听数据变化？
有个原则监听谁,写谁的名字,然后是对应的执行函数,第一个参数为最新的改变值,第二个值为上一次改变的值,注意:除了监听data,也可以监听计算属性或者一个函数的计算结果 启用深度监听对象 watch:{ a:{ handler:function(val,oldval){ }, deep:true } ......
vue音频（监听播放完成）
<template> <div> <audio ref="audio" :src="audioSrc"></audio> <button @click="playAudio">播放</button> <button @click="changePlaybackRate(1.5)">加速</butto ......
[Vue warn]: onUnmounted is called when there is no active component instance to be associated with
[Vue warn]: onUnmounted is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during e ......
def 自定义表设置以及初步认识vue
补：基于自定义表签发token # 1 快速签发和认证# 2 定制返回格式和认证# 3 自定义登录和认证 # 4 自定义登录，自定义表 # 5 自定义认证类 路由： from django.contrib import admin from django.urls import path from ......
vue3 表单封装遇到的一个有意思的问题
前言 最近在用 vue3 封装 element 的表单时遇到的一个小问题，这里就简单记录一下过程。话不多说直接上代码！！！ 正文 部分核心代码 import { ref, defineComponent, renderSlot, type PropType, type SetupContext } ......
Mybatis-Plus关于实体类型与数据库类型不匹配的问题
以JAVA List 与 Jdbc varchar为例 需在实体类的属性上加@TableField注解 例如： @TableField(value = "user_name", typeHandler = StringListTypeHandler.class) private List<Strin ......
公共Hooks封装之文字溢出提示useEllipsisPopper
项目环境 Vue3.x + Ant Design Vue3.x + Vite4.x 业务场景分析 图文内容仅供参考，仅提供文章内所需思考对应的图例 在以上图片中，是管理后台系统中常见的表格内容，因使用的是 Ant Design Vue 框架，根据官方的文档中所示： Column 的 API elli ......
vue3 vue-cropper实现图片裁剪+上传功能（组件封装使用）
效果（CV 即用） 1.安装引入 vue-cropper（官网）官网地址 npm install vue-cropper@next import 'vue-cropper/dist/index.css' import { VueCropper } from "vue-cropper"; 2. 全局引 ......
公共Hooks封装之自定义表格数据列渲染useTableColumns
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装思考：何为自定义表格数据列渲染，其为何种场景服务 根据实际业务场景而来，为避免法律风险，部分截图内容脱敏处理 如下图，当表格内容的列非常多时，正常情况下，我们通常采取的方式是左右两侧的列，即左侧 Key 列和右侧 ......
公共Hooks封装之表格数据useTableData
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装分解：声明变量 import { ref, shallowRef, isRef } from "vue"; const loading = ref(false); // 表格数据UI交互Loading const ......
达梦数据库备份导入导出方式
逻辑备份 1.FULL FULL 方式导出数据库的所有对象。 ##设置 FULL=Y，导出数据库的所有对象，导出数据库文件和日志文件放在路径 /mnt/data/dexp下。 ./dexp USERID=SYSDBA/SYSDBA FILE=db_str.dmp LOG=db_str.log FUL ......
【源码系列#05】Vue3响应式原理（Ref）
proxy 只接受对象入参，所以我们需要 ref 来解决值类型的数据相应。如果传入 ref 的是一个对象，内部也会调用 reactive 方法进行深层响应式转换 ......
Centos 7 部署人大金仓数据库
一、从金仓官网下载镜像文件并上传到服务器 人大金仓数据库下载地址 二、安装人大金仓数据库 root用户下准备工作 在安装金仓数据库管理系统 KingbaseES 时，安装用户对于安装路径需有“读”、“写”、“执行”的权限。在linux 系统中，需要以非 root 用户执行安装程序，且该用户要有标准的 ......
vue图片由小放大
原生效果 <template> <div> <transition> <img :src="imageUrl" class="image" /> </transition> </div> </template> <script> import imageUrl from "../assets/bac ......
将Excel里面的数据直接生成sql语句
excel表格中有A、B、C三列数据，希望导入到数据库users表中，对应的字段分别是name,sex,age 。 在你的excel表格中增加一列，利用excel的公式自动生成sql语句，方法如下： 1、增加一列（D列） 2、在第一行的D列，就是D1中输入公式： =CONCATENATE("inse ......
Linux驱动开发笔记（六）：用户层与内核层进行数据传递的原理和Demo
前言 驱动作为桥梁，用户层调用预定义名称的系统函数与系统内核交互，而用户层与系统层不能直接进行数据传递，进行本篇主要就是理解清楚驱动如何让用户编程来实现与内核的数据交互传递。 温故知新 设备节点是应用层（用户层）与内核层交互； 使用预先的结构体进行操作，如系统open函数对应了驱动中文件操作及的op ......
安卓之数据存储管理的使用场景以及技术优劣分析
在安卓应用开发中，数据存储管理是关键环节之一，涉及到用户数据的持久化、应用程序状态的保存以及离线内容的缓存等场景。本文将探讨安卓数据存储管理的使用场景、应用前景，以及各种技术的优劣分析，同时附上相关代码示例。 ......
vue3 setup函数之数据
setup中定义方法： export default { name: 'App', setup(){ //定义方法 function edit() { } return { //方法与数据，必须要返回出去，不然不起作用。 edit } } } setup中ref函数定义基本数据类型与对象数据类型： ......
vue强制横屏
<template> <div id="gyroContain">111</div> </template> <style> @media screen and (orientation: portrait) { html { width: 100vmin; height: 100vmax; } b ......
37.Redis 内存性数据库
1. Redis 简介：完全开源免费的高性能的 key-value 数据库。 • 支持数据的持久化，可以将内存中的数据保存在磁盘中，重启的时候可以再次加载进 行使用； • 不仅仅支持简单的 key-value 类型的数据，同时还提供 list ， set ， zset ， hash 等 数据结构的存 ......
Vue3自定义一个Hooks，实现一键换肤
核心 使用 CSS 变量, 准备两套 CSS 颜色, 一套是在 light 模式下的颜色,一套是在 dark 模式下的颜色 dark 模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给 html 添加自定义属性[data-theme='dark']的时候, dark 模式权重比 ......
debezium+kafka实现oracle数据同步（debezium-connector-oracle）
1.情景展示 在企业当中，往往会存在不同数据库之间的表的数据需要保持一致的情况（数据同步）。 如何将A库a表的数据同步至B库a表当中呢？（包含：新增、修改和删除） 往往不仅仅需要保持数据的一致性，还要保证数据的即时性，即：A库a表的数据发生变化后，B库a表也能立刻同步变化。 实时保持两表数据的一致性 ......
vue+three，粒子星空
直接贴进去就可以用。 <template> <div id="container"></div> </template> <script> //引入three import * as THREE from 'three' //引入控制器 import { OrbitControls } from ' ......
面试题_去除数组中重复行数据
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
uniapp使用富文本组件editor获取不到data内数据的问题
vue2 在使用 uniapp 官方提供的 editor 富文本编辑器组件时，代码需求需要获取到富文本组件内的输入值并通过接口发送给后端，在editorContext.getContents内无论如何都无法将获取到的输入值存入data(){}内，最后通过修改this指向成功获取。 ......
36.数据库进阶
目录 ❖ MySQL 中 SQL 执行原理 ❖ 索引 ❖ explain ❖ 事务 ❖ 日志 MySQL 中 SQL 执行原理 SQL 语句执行过程 Server 组件 ❖ 连接器：连接管理，权限验证 ❖ 查询缓存：命中直接返回结果 ❖ 分析器：语法分析 ❖ 优化器：生成执行计划，选择索引 ❖ 执行 ......
sqlite-jdbc版本导致插入数据自增id问题
1、问题如下图， sqlite-jdbc3.44.1.0版本与mybatisplus设置自增id主键问题，使用sqlite-jdbc3.42.0.0即可解决 Exception in thread "JavaFX Application Thread" org.springframework.dao ......