工具vue
记录--Vue3问题：如何实现组件拖拽实时预览功能？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析 实现一个CMS内容管理系统，在后台进行内容编辑，在官网更新展示内容。 关于后台的编辑功能，大致分为两部分：组件拖拽预览、组件内容编辑实时预览。 对于组件拖拽预览，用户可以在含有各种功能组件的列表中，选择需要的组件进行拖拽。 ......
探究vue的diff算法
1.diff算法是什么？ diff算法是一种通过**同层的树节点**进行比较的高效算法 Diff 算法探讨的就是虚拟 DOM 树发生变化后，生成 DOM 树更新补丁的方式。对比新旧两株虚拟 DOM 树的变更差异，将更新补丁作用于真实 DOM，以最小成本完成视图更新。 1.1特点 策略：深度优先，同层 ......
基于html+javascript开发的base64解码工具
base64在线解码工具可以帮助你将Base64编码的字符串解码为原始的文本或数据。 预览入口 以下是一个简单的base64在线解码工具的示例： html <!DOCTYPE html> <html> <head> <title>Base64在线解码工具</title> </head> <body> ......
文档生成工具：Linux下doxygen的使用
一、概述 Doxygen是一个代码文档生成工具。它从代码文件中提取注释并可生成多种文档形式。如：网页文档HTML，RTF (MS-Word)，PDF等等。同时也可生成函数之间的调用和文件的依赖关系图表。 二、安装 平台：linux sudo apt-get install doxygen sudo ......
vue3 + vite + ts 配置 @ 别名
第一步 npm install @types/node -D 第二步 这是原 vite.config.ts文件 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev ......
10个必备的 async/await 工具函数
| 当谈到异步编程时，async/await是JavaScript中常用的功能之一。下面是10个常用的await和async函数示例，以及对它们的代码用途的解析： 1.异步获取数据 async function fetchData() { const response = await fetch(' ......
vue中使用Vue.extend方法仿写一个loading加载中效果
需求描述 本文我们使用vue的extend方法实现一个全屏loading加载效果，需求如下： 通过命令就可以让弹框开启或关闭，比如this.$showDialog()开启，this.$hideDialog()关闭 方法可以传参更改loading中的文字 也可以传参更改loading背景色 当然这里除 ......
vue项目中使用的移动端的签名组件，纯 js 写的
<template> <section> <div class="sign-wrap"> <div class="main"> <div class="box" style="width: 100%;height: 100%"> <!-- <vue-esign ref="esign" :width= ......
erlang.mk erlang 应用构建工具
erlang.mk erlang 应用构建工具，主要以来了make 进行erlang 应用的构建 安装使用 核心是一个依赖工具，如果安装了xcode，git 以及make 都是包含了的 基础安装 brew install erlang git make 安装erlang.mk wget https: ......
Vue中的$refs 用法
Vue中的$refs 用法 Vue中的$refs原理涉及到Vue实例的生命周期、虚拟DOM以及一些底层的JavaScript原理。 Vue实例的生命周期： 当Vue实例被创建时，它会经历一系列的生命周期钩子，包括beforeCreate、created、beforeMount、mounted等。在m ......
[VUE] WebPack 打包后自动修改 dist 中 package.json 版本号
我们在开发 npm 包时，开发期的 package.json 通常并不一定是发布到 npm 仓库的 package.json。这种情况下每次改版本号需要改两个地方，比较麻烦。 我一般使用 webpack 进行打包，所以有了下面这个小插件。 插件源码 modify.version.plugin.js ......
巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）
问题描述 有一个简单的表格，产品要求实现双击可编辑 看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态。大致代码如下： <el-tabl ......
新手友好、轻量级的C#/.NET万能工具库
前言 今天分享一个基于MIT License协议开源、免费、新手友好、轻量级的C#/.NET万能工具库、帮助类库(支持.NET和.NET Core，可以帮助开发者们减少常见重复功能方法查找，提高开发工作效率)：Masuit.Tools。 项目官方介绍 全龄段友好的C#万能工具库，码数吐司库，包含一些 ......
rebar3 erlang 项目管理工具
rebar3 是erlang 提供的构建，测试以及发布工具 安装 下载 wget https://s3.amazonaws.com/rebar3/rebar3 && chmod +x rebar3 安装 ./rebar3 local install 之后配置环境变量 使用 提供的命令 as High ......
使用代码生成工具快速开发应用-结合后端Web API提供接口和前端页面快速生成，实现通用的业务编码规则管理
在前面随笔《在Winform应用中增加通用的业务编码规则生成》，我介绍了基于Winform和WPF的一个通用的业务编码规则的管理功能，本篇随笔介绍基于后端Web API接口，实现快速的Vue3+ElementPlus前端界面的开发整合，同样是基于代码生成工具实现快速的前端代码的生成处理。 ......
MATLAB图像处理工具箱
表1 图像显示 函数名功能说明函数名功能说明 colorbar 颜色条显示 montage 按矩形剪辑方式显示多帧图像 getimage 从坐标系中获取图像数据 immovie 从多帧索引图像中制作电影 image 建立显示图像 movie 播放电影 subimage 在同一图像窗口显示多个图像 t ......
vue3 + java 查询数据前后端时间不一致如何解决？
环境：vue3 + springboot + mybatis + mysql 场景：后端返回的时间与前端接收到的时间，小时不一致， 时间格式是古巴标准时间："CST" 解决：在 Entity 中时间字段上增加注解： @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss ......
vue实现大文件分片上传与断点续传到七牛云
问题： 前段时间做视频上传业务，通过网页上传视频到服务器。 视频大小 小则几十M，大则 1G+，以一般的HTTP请求发送数据的方式的话，会遇到的问题： 1、文件过大，超出服务端的请求大小限制； 2、请求时间过长，请求超时； 3、传输中断，必须重新上传导致前功尽弃； 探索过程： 1、原先咨询过组里的大 ......
linux下域名解析工具
1、dig [root@hlcc_master mysqlinit]# dig www.baidu.com ; <<>> DiG 9.11.4-P2-RedHat-9.11.4-26.P2.el7_9.13 <<>> www.baidu.com ;; global options: +cmd ;; ......
vue3调用高德地图，实现地址，经纬度填写
父组件引用高德地图： 1 <template> 2 <div class="wrapper"> 3 <div class="box"> 4 <div class="form-box"> 5 <el-form 6 label-position="top" 7 :inline="true" 8 :mod ......
前端 vue项目启动报错 spawn cmd ENOENT 的原因以及解决方案
前端项目启动到一半的时候卡在跳转浏览器出现了 这个问题 那么问题大概率就是你环境刚配置或者配置错了的问题，这个时候只需要 找到 我的电脑 => 属性 => 高级系统设置 => 环境变量 => 系统变量 => PATH 环境 => 双击进去 => 添加环境变量 => 添加这俩个 C:\Windows\ ......
vue-slot 插槽使用 遍历插槽
<!-- 内部直接使用的插槽 --> <template #chart> <KeepAlive> <component v-bind="$attrs" :exName="exName" :tableData="tableData" :analysisDetail="analysisDetail?.[ ......
超好用的API协作管理工具：Apipost
在当今快速发展的数字化时代，API已成为企业与开发者实现数据互通、应用集成的重要桥梁。然而，随着API数量的不断增加，API开发、调试、测试、文档等工作也变得越来越复杂。为了解决这一痛点，一款名为Apipost的API协同研发工具应运而生。 成功案例 许多知名的公司和团队都在使用Apipost。从A ......
Vue + Django 使用wangeditor 上传图片 显示跨域报错
报错： newsDetailed:1 Access to XMLHttpRequest at 'http://www.py32api.com:8000/users/uploadFile/' from origin 'http://localhost:8080' has been blocked by ......
神经网络可视化新工具：TorchExplorer
TorchExplorer是一个交互式探索神经网络的可视化工具，他的主要功能如下： TorchExplorer是一款创新的人工智能工具，专为使用非常规神经网络架构的研究人员设计。可以在本地或者wandb中生成交互式Vega自定义图表，提供网络结构的模块级可视化。在左边的面板可以模块级方式展现神经网络 ......
Uniapp开发：HBuilder开发工具从Git引入的项目文件修改后不区分显示标识的问题
一、问题如下 使用的HBuilder X版本：3.98 Git插件已安装： 项目结构如下： 右击项目目录，在git命令中-》检查已修改，可以发现还是能检索到修改过的文件： 文件是有修改过的，但是在上图中没有任何的修改标识，这些文件也没有添加到.gitignore配置中。 二、问题解决 配置git环境 ......
VUE 图片识别
1、安装依赖 // 安装Element-UI npm install element-ui --save // 安装 ocr 和 ocrdet npm i @paddlejs-models/ocrdet@0.0.3 --save npm i @paddlejs-models/ocr@1.1.2 -- ......
LocalSend v1.8.0 开源跨平台的局域网文件传输工具中文版
LocalSend 下载 官网地址：https://localsend.org/#/download 包管理器 使用终端安装。 Winget: > winget install localsend Chocolatey: > choco install localsend Scoop: > scoo ......