琦遇

安装依赖 引入组件 基础用法 常用属性说明 属性名 类型 说明 ​v-model​ Array 绑定数组，拖拽后自动更新顺序...

在前端开发中，WebSocket 是实现实时通信的核心技术，但原生 WebSocket 的连接管理（如断连重连、心跳维护、事件监听）往往需要编写大量重复代码。...

前端写JS经常用到的事件函数，以下是博主经常用到事件函数： 1. 防抖 (Debounce) 场景：防止函数在短时间内被高频触发，常用于输入框搜索、窗口大小调整等。 代码：...

基础配置 简体中文 通用效率类 Auto Rename Tag 在编写HTML或XML代码时，修改一个标签的名称，对应的结束标签会自动同步修改，节省手动修改时间，提高代码准...

vue3使用ehcarts实现好看的饼图带阴影效果，分为三层实现饼图效果，引入base64图片放入中间，更加美观...

Vue3使用AntvG6写拓扑图，可添加修改删除节点和边。里面讲述了用npm安装antv/g6 增删改查节点的代码描述和运行结果...

Swiper 一个很好用的轮播循环插件，我这里用的是8.1.1版本 Vue代码实现的两行循环滚动效果...

下载 markdown-it 和 highlight.js 创建md.js文件 我是放在components文件夹里，先引入markdown-it，然后再对Markdown...

话不多说 直接上代码 连接SSE 返回值加入打字机效果 这时候根据SSE发送的数据流界面已经完成了，样式还需要优化（现在是纯文字的界面），下一章介绍样式的优化，展示的代码编...

Vue3+Vite开发Electron桌面端问题记录 不断继续在开发中遇到的问题 记录知识重点 欢迎大家来一起讨论...

下载lodash 引入并使用 从lodash中引入debounce函数,leading和trailing是配置布尔值。...

在CSS中，如果你想让英文单词换行，可以使用word-break: break-all;属性。这个属性会强制浏览器在任何字符之间进行换行，即使没有空格或其他分隔符。 没有加...

要实现t实时更新时间，可以使用setInterval函数来定时执行当前时间操作。以下是一个简单的示例：...

好看实用的css三点闪烁（可用于加载样式、标题等），入门样式，简单易学，HTML和CSS就可以实现，代码已经放上去了...

在现代Web应用中，实时数据交互和推送是一个非常关键的功能。WebSocket作为一种在单个TCP连接上进行全双工通信的协议，使得服务器与客户端之间的数据传输更加高效、实时...

① 基于rem 适配（推荐，也是本篇要实现的方案） 适用场景：不固定宽高比的Web应用，适用于绝大部分业务场景 ② 基于 scale 适配 适用场景：固定宽高比的Web应用...

使用硬件加速 为元素添加transform: translateZ(0);或者will-change: transform;属性，以启用硬件加速，提高渲染性能。 使用浏览器...

要实现一个从上往下显示的过渡效果，可以使用CSS的@keyframes规则来创建一个动画，使得元素在垂直方向上逐渐改变其位置。...

要实现一个上下悬浮的特效，可以使用CSS的@keyframes规则和动画属性。在这个示例中，我们定义了一个名为floating的动画，它会在2秒内完成一次完整的上下浮动。...