随便写写

原创 vscode 个性化

vscode个人开发配置

原创 【封装】虚拟列表无渲染逻辑内核

VirtualCore：轻量级虚拟列表核心库 VirtualCore 是一个专注于位置计算与状态管理的虚拟列表内核，不绑定任何UI框架，支持动态高度和精确跳转。核心特性包括： 框架无关：纯TypeScript实现，兼容Vue/React/原生JS等 智能计算：支持动态高度、滚动锚定和精确跳转 高效渲染：通过缓冲区和位置计算优化性能 使用方法： 创建实例配置总行数和预估高度 滚动时获取渲染范围(startIndex/endIndex/offset) 渲染后更新实际高度并应用滚动补偿 特别适合处理大数据量列表场

原创 【CSS】类似渐变色弯曲border

用双层背景的方式，实现弯曲的渐变色border

原创 避免两个onlyoffice插件冲突

原创 【Vite】离线打包@iconify/vue的图标

离线部署@iconify/vue中使用到的icon

原创 【Vue3组件示例】简单类甘特图组件

用vue3实现一个类似甘特图的简单组件

原创 【JS】操作IndexedDB示例代码

本文提供了一个完整的JavaScript模块，用于操作IndexedDB数据库存储HTML内容。模块封装了数据库连接、数据存储和查询功能，支持通过qid（问题ID）作为主键存储HTML内容，并提供查询、删除和检查记录是否存在等方法。代码采用Promise异步处理，确保操作可靠性，并支持事务处理以保障数据一致性。

原创 【Vue2组件】类传送带滚动组件

原创 【预览PDF】前端预览pdf

注：需要在public中放入对应的文件通过@embedpdf/pdfium预览注：需要下载对应的包

原创 【JS工具】流输出缓冲池

是一个用于控制输出频率的类，通过动态调整输出间隔，避免输出过于频繁或集中。它支持动态调整间隔、添加数据、开始、结束和停止输出流程等功能，并提供。回调函数，方便在数据输出和处理完毕时执行自定义操作。

原创 [HTML]播放wav格式音频

原创 vue-route@4和document.startViewTransition实现跳页动画

好的，我帮你写一个的简单示例，实现点击按钮从一个路由跳到另一个路由，同时带圆形扩散动画。

原创 [Js]使用highlight.js高亮vue代码

本文介绍了如何使用highlight.js高亮Vue单文件组件(SFC)代码。使用@vue/compiler-sfc拆分文件各部分，然后分别用highlight.js高亮不同语言(HTML、JavaScript/TypeScript、CSS)，最后拼接结果。

原创 [Vue2组件]全局监听文件拖拽上传

监听拖拽文件进入页面组件

原创 [Vue3]封装loading指令

【代码】[Vue3]封装loading指令。

原创 [Js]转json字符串保留格式

保留格式转json字符串

原创 [mind-elixir]Mind-Elixir 的交互增强：单击、双击与鼠标 Hover 功能实现

Mind-Elixir 的交互增强：单击、双击与鼠标 Hover 功能实现

原创 [Element]修改el-pagination背景色

【代码】[Element]修改el-pagination背景色。

原创 动态组件和插槽

摘要 本文展示了一个Vue2动态组件和插槽的实现方案，通过StepList组件实现了灵活的内容渲染机制。该组件支持多种渲染方式： 内置类型渲染（Markdown、纯文本等） 动态组件渲染（通过component:前缀绑定外部组件） 插槽渲染（通过slot:前缀使用命名插槽） 渲染函数（通过render:前缀调用外部渲染函数） 默认文本渲染 组件通过props接收步骤数据(steps)和自定义配置(customComponents/customRenders)，实现了高度可定制的垂直步骤条展示效果，包含加载状

原创 动态组件和插槽

摘要 本文展示了一个Vue2动态组件和插槽的实现方案，通过StepList组件实现了灵活的内容渲染机制。该组件支持多种渲染方式： 内置类型渲染（Markdown、纯文本等） 动态组件渲染（通过component:前缀绑定外部组件） 插槽渲染（通过slot:前缀使用命名插槽） 渲染函数（通过render:前缀调用外部渲染函数） 默认文本渲染 组件通过props接收步骤数据(steps)和自定义配置(customComponents/customRenders)，实现了高度可定制的垂直步骤条展示效果，包含加载状

原创 腾讯地图添加可动svg

腾讯地图添加可动svg

原创 在线预览office文件插件

本文介绍了一款在线预览Office文件的插件解决方案。该插件需要后端安装服务，支持doc格式文档预览，前端可通过CDN方式引入，兼容Vue和React等多种框架。文章推荐使用ONLYOFFICE自托管方案，并提供了安装指南链接和两张界面截图展示预览效果。该方案具有较高的兼容性和灵活性，适合各类Web应用集成Office文件预览功能。

原创 [Vue2组件]三角形角标

【代码】[Vue2组件]三角形角标。

原创 [HTML]iframe显示pdf，隐藏左侧分页

在HTML中通过iframe显示PDF时，可以通过URL参数优化显示效果。本文介绍了两种方法隐藏左侧分页栏和其他界面元素：1）使用URLSearchParams对象添加多个控制参数，包括navpanes=0(隐藏侧边栏)、toolbar=0(隐藏工具栏)、zoom=page-width(适应页面宽度)等；2）更简洁的直接拼接URL参数写法。这些参数可以组合使用，实现PDF默认全屏显示并隐藏不必要的界面元素，提升用户体验。方法适用于需要嵌入式显示PDF的场景。

原创 [Css]等腰梯形

css实现一个等腰梯形按钮

原创 [Vue2]判断引用组件是否注册了 $emit 对应的事件

Vue2中可以通过$listeners属性判断父组件是否注册了特定事件。子组件使用this.$listeners.myEvent检查事件注册情况，若存在则触发$emit。示例展示了一个按钮组件检查并触发myEvent事件的实现方式。注意$listeners需要Vue2.4.0+版本支持，Vue3的事件处理机制有所不同。这种方法便于子组件根据父组件的事件注册情况执行不同逻辑。

原创 [Vue组件]半环进度显示器

这是一个基于Vue和SVG实现的半环进度显示组件。组件特点包括： 纯SVG实现，无第三方依赖，兼容现代浏览器 可配置进度百分比(0-1)、是否显示高亮指示器、指示器大小和偏移量 支持自定义分段数(divider)和分割线样式 提供多种颜色自定义选项：背景色、进度色、高亮色、分割线颜色 包含插槽(Slot)用于在进度环内放置自定义内容 组件通过SVG路径绘制半圆环背景和进度条，使用数学计算精确控制进度显示和分割线位置。指示器会自动跟随当前进度所在分段的中心位置移动。

原创 [Vue组件]比例环形编辑

这是一个基于 Vue.js 的交互式环形编辑组件（YsCircularEdit），用于可视化和动态调整比例分配。核心功能包括：适合用于数据分配、资源管理等需要直观比例调整的场景。

原创 删除用户凭证

我用个人电脑修改了项目，提交了git。然后第二天在公司电脑git pull的时候失败，只有部分仓库，git colne直接失败，部分仓库无问题。删除git相关凭证，重新登录。

原创 [Uni][微信小程序]wx小程序遇到的奇葩事情

1. 后端返回的markdown字符串,通过流推送时,ios会偶发序号和内容错行问题,使用`mp-html`和`towxml`都会出现2. 迫不得已,重写有序列表、无序列表相关内容,取消默认的序号和标记,改为新增元素到html结构中3. 通过`span`设置新的有序列表,但是部分有序列表意外出现错行4. 经研究,当li标签内没有`a`标签时,`rich-text`会解析成多个,然后导致意外换行

原创 [微信小程序]对接sse接口

在微信小程序中，由于原生API不支持标准的Server-Sent Events（SSE），基于wx.request结合enableChunked特性实现了一个自定义的SSE流数据接收方案。

原创 window11隐藏语言栏设置

设置隐藏语音栏

原创 [Echarts]图例换行时icon对齐标题

Echarts图例换行时，icon对齐标题

原创 【Vue3】实现一个超过高度后可控制显示隐藏的组件

超过高度后可控制显示隐藏的组件

原创 【CSS】部分div禁用tailwindcss

【代码】【CSS】部分div禁用tailwindcss。

原创 Git安全回退历史版本

Git安全回退历史版本

原创 [Css]父元素监听鼠标移入子元素

【代码】[Css]父元素监听鼠标移入子元素。

原创 [JS]通过svg实现连接的效果

通过svg实现连接效果

原创 通过微任务获取元素

通过微任务，实现类似。

原创 [Vue]防止路由重复跳转

[Vue]防止路由重复跳转