最新文章Tiptap的提及组件Mention同时添加多个实例的方法
文章说明我有使用多个提及符的使用场景，并且每一种提及符对应的数据集以及 UI 均不同，所以就找到了以下解决方案。 首先，我们需要按照 Tiptap 官方文档，安装 Tiptap ，我这里使用的是 Vue3，对其他前端框架一样起作用，只是相应的语法可能有些改变。 实现方式Tiptap 安装1npm install @tiptap/vue-3 @tiptap/pm @tiptap/starter-kit @tiptap/extension-mention 创建 Editor 组件123456789101112131415<template> <editor-content :editor="editor" /></template><script setup>import { useEditor, EditorContent } from '@tiptap/vue-3'import StarterKit from '@tiptap/starter-kit'co ...
使用Certbot续签通配符域名SSL证书报错的解决方法 An authentication script must be provided with --manual-auth-hook
问题说明使用certbot的renew命令续签之前申请的通配符域名时遇到了一个报错，本文记录该问题的解决方法。 使用的命令如下，由于certbot判定我的这个证书还没有接近到期，所以使用--force-renew参数来强制续签证书。 1certbot renew --force-renew 执行命令后，报错提示如下： 1The error was: PluginError('An authentication script must be provided with --manual-auth-hook when using the manual plugin non-interactively.',). Skipping. 可以看到，问题的原因是：An authentication script must be provided with –manual-auth-hook when using the manual plugin non-interactively. 也就是需要使用--manual-auth-hook参数来指定一个脚本来续签证书。 问题原因出 ...
Excel打开第二个文件很慢的解决方法
问题描述该问题具体表现为：当打开第一个Excel文件后，在不关闭它的情况下接着打开第二个Excel文件，第二个Excel文件会延迟几秒之后才会正常打开。 注意，前提是第一个Excel文件打开速度是正常的，否则本解决方案大概率对你无效。 我的环境是 Windows 11 + Office 365，本方案同样适用于 Windows 7 、 Windows 10 和 Windows 11，Excel版本适用于 Office 2016 、Office 2019 、 Office 365 等。 问题原因在打开第一个Excel文档后，再打开第二个Excel文档时，Excel 会启动一个单独的 Excel 进程，启动完成后再与第一个进程进行合并操作，而不是直接使用第一个Excel进程，所以会造成打开第二个Excel文件卡顿。 解决方法 使用 Win + R 键，打开 Windows 运行窗口。 在运行窗口输入：regedit ， 打开注册表编辑器。 在注册表编辑器中找到并进入如下目录。 1HKEY_CLASSES_ROOT\Excel.Sheet.12\shell\Open\ddeexec ...
Win11系统设置闪退的解决方案
最近升级了Windows 11 Dev通道开发者预览版的25174.1010版本，经过体验后决定将系统回退到稳定的22621版本，回退完成后发现系统设置无法打开，打开后会发生闪退，我是按照以下方法解决的，这里提供两种解决方案，推荐使用第一种，第一种无效的话，可以再尝试第二种方案。 第一种解决方案（推荐使用）： 使用管理员身份打开Windows终端 PowerShell。 在管理员身份运行的PowerShell中输入如下代码。 1Get-AppxPackage -all *windows.immersivecontrolpanel* |% {Add-AppxPackage -register -disabledevelopmentmode ($_.installlocation + "/appxmanifest.xml")} 输入完成后直接回车执行上述代码。 等待上述代码执行完毕，时间取决于你的网络情况。 重新打开设置，查看问题是否解决。 注：该方法是重新安装了设置App达到修复闪退的效果。 如果上述解决方案没有解决你的问题，你可以 ...
IDEA新版UI申请方法+无测试资格使用方法及相关介绍
以下是IntelliJ IDEA新版UI测试资格申请方法和无测试资格情况下如何提前体验的方法介绍。 一、IDEA新版UI申请地址：点击这里 进入后填写邮箱以及调查问卷即可提交申请，提交后留意填写的邮箱，获得测试资格后官方会给你发送一封电子邮件至你的邮箱中，按照邮件内步骤参加测试即可。 二、无资格直接体验方法： 需要你的idea版本为2022最新版或EAP版本，EAP版本是一定可以体验到的，其他版本不确定，或与官方宣传图中略有差异。 打开idea后，任意地方双击shift键，会弹出一个搜索框，然后在弹出的搜索框中输入registry并回车。 在弹出的对话框中找到 ide.experimental.ui 这个配置项，将他勾选上。 勾选后点击close并重新启动idea。 在idea设置中更改idea的主题为New Dark。 JetBrains IntelliJ IDEA 团队于去年庆祝了自己的 20 岁生日。在过去的 20 年中，团队一直在改进产品的各个方面，包括其用户界面和实用性。然而，其间团队在 UI 的许多方面进行的变化幅度都相对较小，主要是因为团队想让团队 ...
Vue3环境下ECharts图表的Tooltip不显示的问题的解决方法
问题描述最近在Vue3项目中使用ECharts5.0制作统计图表，发现配置一切正常，但是tooltip无论如何就是无法显示，所以排查了下原因，发现是ECharts与Vue的响应性特性存在兼容性问题。 问题原因ECharts在Vue3环境下，使用ECharts5.0+版本会出现该问题。原因是echarts实例不能由Vue来维护（Vue的响应性特性）。 问题解决所以将原来的代码： 其中，xxxGraph字段为ECharts的示例，目前他位于 data() 的 return 中，由Vue来进行响应性维护。 12345678910export default { data () { return { xxxGraph: null } }, mounted () { this.xxxGraph = echarts.init(document.getElementById('xxxGraph')) }} 更改为如下代码： 其中，xxxGraph字段为EChart ...
Win10微信查看图片卡顿或发送图片卡顿的原因和解决方法
引言我是Windows11系统，本篇文章同样适用于Windows10。该现象包括点击放大查看pc端微信中别人发送的图片会卡顿、在微信中发送图片时会卡顿、拖动图片或其他文件至微信聊天窗口发送时会卡顿。卡顿的表现为pc端微信无响应1秒左右。 不知何时起，在Win10和Win11的PC端微信中，点击查看别人发送的图片时，经常会卡顿一秒，也就是微信无响应1秒左右，发送图片的时候偶尔也有这种情况。 于是在网络上搜寻了一下解决方法，有人说是腾讯电脑管家的文件防护功能导致的，但是我的电脑上并没有腾讯电脑管家，其他安全软件均做退出操作后也没有改善。（电脑上有安装电脑管家的可以尝试关闭或卸载，看看是否可以解决该问题，我这里没有，所以就不做尝试了。） 于是我想起了前段时间发现Windows Search服务占用CPU和硬盘异常的情况，所以尝试了一下禁用这个Windows Search服务，然后就发现一切都正常了。不管是在pc端微信中查看图片还是发送图片，都不会有卡顿的现象发生了，问题解决。 解决方法要解决Win10电脑端微信查看图片卡顿的方法就是禁用Windows Search服务。本篇文章提供以下两种方 ...
GitHub Copilot 预览版测试申请方法 以及如何在JetBrains系Ide中使用Copilot
前段时间，GitHub和OpenAI联合为程序员们送上了编程神器——GitHub Copilot。 但是，Copilot目前不提供公开使用，需要注册账号通过审核。本文将简单介绍一下该插件的相关介绍以及如何申请测试资格。 Join the GitHub Copilot waitlistAccess is limited to a small group of testers during the technical preview of GitHub Copilot Sign up today for your chance to try it out and help us improve. Copilot申请方法 使用浏览器打开链接：申请copilot 点击Sign up ，登录你的GitHub账号。 点击Join Waitlist，加入候补名单。 接下来就需要等待GitHub Copilot的工作人员通过你的申请。 申请通过后你GitHub绑定的邮箱会收到一封邮件，其中包含如何安装使用的说明。你也可以在相应Ide的插件中心直接下载。目前支持Visual Studio Code、 ...
Vue移除对象中的空参数，使用lodash移除对象中的空参数
引言在一些api参数加密场景中，经常会遇到将请求参数去除值为空的参数并排序的情况，所以这里记录一下如何在vue中使用lodash去除对象中的空参数，比如：null，””这种都被视作空参数。 lodash中的pickBy方法介绍实现移除对象中的空参数，主要是使用了lodash中的pickBy方法，其在lodash官方文档中的解释如下： .pickBy(object, [predicate=.identity])创建一个对象，这个对象组成为从 object 中经 predicate 判断为真值的属性。 predicate调用2个参数：(value, key)。 添加版本：Lodash 4.0.0 参数： object (Object): 来源对象。[predicate=_.identity] (Function): 调用每一个属性的函数。返回： (Object): 返回新对象。 例子： 1234var object = { 'a': 1, 'b': '2', 'c': 3 ...
Elasticsearch8.0版本中Elasticsearch Java API Client客户端的基本使用方法
本篇主要描述在Elasticsearch Java API Client客户端中如何进行批量操作，以及如何进行各种条件及类型的查询（Search）方法。 批量添加文档123456789101112131415161718192021222324252627// 创建客户端连接部分RestClient restClient = RestClient.builder( new HttpHost("localhost", 9200)).build();ElasticsearchTransport transport = new RestClientTransport( restClient, new JacksonJsonpMapper());ElasticsearchClient client = new ElasticsearchClient(transport); // 构建一个批量操作BulkOperation的集合List<BulkOperation> bulkOperations = new ArrayList<& ...
