HTML5 自定义属性 data-*：别再把数据塞进 class 里了！
写在开头 点赞 + 收藏 学会 前言：由于“无处安放”而引发的混乱 在 HTML5 普及之前，前端开发者为了在 DOM 元素上绑定一些数据（比如用户 ID、商品价格、状态码），可谓是八仙过海，各显神通： 隐藏域流派：到处塞 <input type="hidden" value ...
vue 表格 vxe-table 实现复制单元格时自动带表头
vue 表格 vxe-table 实现复制单元格时自动带表头，由于业务需求需要实现用户复制单元格粘贴到 excel 时，不知道对应是哪一列，要求需要在粘贴时自动带上表头，可以通过自带的 isCopyHeader 来启用 https://vxetable.cn 通过 clip-config.isCop ...
如何使用 vue vxe-table 甘特图 vxe-gantt 渲染显示多行任务，预计完成日期和实际完成日期多条任务条，可以自定义任务条颜色，拖拽调整日期等
如何使用 vue vxe-table 甘特图 vxe-gantt 渲染显示多行任务，预计完成日期和实际完成日期多条任务条，可以自定义任务条颜色，拖拽调整日期等 https://gantt.vxeui.com 使用树结构渲染子任务和隐藏树节点按钮来实现一行拆分多条任务条，每条任务条还可以通过css变量 ...
自建Umami访问统计服务并通过分享链接进行博客公开统计
前言 我想展示umami数据，但是自托管的貌似没有api，经过探索发现可以通过分享链接拿到数据 我的blogblog.dorimu.cn-umami-share-stats 抓包分析 发现分析界面 https://charity.dorimu.cn/share/xxx 获取数据分两步： GET /a ...
从快照到时间序列：一次实时行情系统的结构演进与架构取舍
从快照到时间序列：一次实时行情系统的结构演进与架构取舍 在多数前端行情系统中，Ticker 快照接口足以支撑列表展示：最新价、涨跌幅、成交量定时刷新即可。 但当系统开始引入 K 线图表后，前端架构会发生一次实质性的结构变化。 这篇文章不讨论某个具体 API 如何调用，而是围绕一次真实的结构升级过程， ...
为什么 SVG 能在现代前端中胜出？
写在开头 点赞 + 收藏 学会 如果你关注前端图标的发展，会发现一个现象： 过去前端图标主要有三种方案： PNG 小图（配合雪碧图） Iconfont SVG 到了今天，大部分中大型项目都把图标系统全面迁移到 SVG。 无论 React/Vue 项目、新框架（Next/Rem ...
Windows 下 Node.js 重定向输出导致中文乱码的问题分析
根本原因分析仅供参考，都是AI分析的 一、问题描述 在 Windows 环境下执行以下命令时，发现 中文输出出现乱码： node client.js --code b16fcb6181383533844e5572ca9b56a8 > output.log 2>&1 但如果只重定向标准输出（stdou ...
普通Fetch和Fetch 流式的区别？
写在开头 点赞 + 收藏 学会 你想弄清楚 Fetch 流式的核心定义、工作原理和实际价值，简单来说，Fetch 流式是 Fetch API 提供的「边接收、边处理」数据的能力，它让前端不再需要等待服务端返回完整的响应数据，而是能逐块读取、处理数据，是前端处理大文件、实时数据 ...
一个月，Vue四件套，专为移动端深度优化的第三方网易云 WebApp
这年代真的很魔幻：物价在涨、黄金在涨，人都在悄悄发福，更别说内存条蒸蒸日上。结果回头一看，音乐软件也跟着 “发福” 到离谱。 就拿网易云来说，十年间安装包膨胀十几倍，从一个纯粹的播放器，硬生生塞成了集直播、K 歌、社区、短视频、商城于一体的 “全能平台”。权限越要越多，体积越更越大，对于性能不怎么好 ...
前端工程化 - 良好的feature-based-目录结构与具体示例
良好的feature-based-目录结构与具体示例 背景 先拆”业务边界”,不是拆组件 从业务角度来说,这个订单页其实有3个部分: 核心 - 浏览能力 订单列表 基础筛选 分页 Extension - 可选 - 插件能力 高级筛选 导出 状态变更 Detail - 按需能力 订单详情单床 重构目录 ...
vue 甘特图 vxe-gantt 设置每个进度条分为计划和实际两条，实现上下分布任务条
vue 甘特图 vxe-gantt 设置每个进度条分为计划和实际两条，实现上下分布任务条，实现方式是利用子任务的子视图渲染模式，来间每条任务拆分成2条子任务，就可以利用自带的子视图渲染功能来渲染。 https://gantt.vxeui.com 由于放2行超出默认高度，所以还需要通过 cell-co ...
基于PDF.js的安全PDF预览组件实现：从虚拟滚动到水印渲染
写在开头 点赞 + 收藏 学会 基于PDF.js的安全PDF预览组件实现：从虚拟滚动到水印渲染 本文将详细介绍如何基于Mozilla PDF.js实现一个功能完善、安全可靠的PDF预览组件，重点讲解虚拟滚动、双模式渲染、水印实现等核心技术。 前言 在Web应用中实现PDF预览 ...
SciChart.js v5版本全新发布：为Web图表开发带来更高效体验
近日，SciChart 官方宣布发布 SciChart.js v5 版本，这是该 JavaScript 图表库系列的重要更新之一。在本次版本升级中，开发团队重点围绕性能优化、图表渲染效率提升和功能扩展等方面进行了改进，为前端数据可视化应用提供更流畅、更灵活的开发体验。 ...
用户单击文本并复制至剪帖板
Html5网页，一些内容，可以让用户点击选中文本，并把选中的文本复制至剪帖板(Clipboard)。Insus.NET已经实现与测试，记录于此，方便时可以重来查阅与参考。复制文本到剪贴板（兼容所有浏览器） function CopyTextToClipboard(text) { // 方法1: 使用 ...
uniapp多边形动画
实现效果 使用三角形，四边形等拼成一个爱心的图形。 爱心的图形一段时间会有高光闪过。 点击爱心图形会使拼成一个心字。 实现思路 三角形，四边形可以用clip-path: polygon();画出来，确定几个顶点可以画出任意图形。 高光需要在每个多边形添加动画延迟然后加上统一的动画。 爱心变成心字只需 ...
上传图片修改透明边距并下载下来
功能 允许用户上传图片，并在图片周围添加透明边距。用户可以调整边距的大小，然后将修改后的图片下载为PNG格式。 思路 HTML结构：包含一个画布（Canvas）用于显示图片，以及一些输入框和按钮用于调整边距和下载图片。 CSS样式：定义了页面的基本布局和样式，使页面居中显示，并设置了画布的大小和边框 ...
