刷新
WEB前端学习笔记(1):文档对象模型(DOM)

博主头像 阅读背景 了解HTML、CSS、JavaScript的基本语法与概念 了解HTML、CSS、JavaScript三者之间的关系 了解接口、对象、实例三者之间的概念与关系 什么是文档对象模型(DOM)? 文档对象模型(DOM,Document Object Model)是一种XML(Extensibl ...

vue 表格组件 vxe-table 实现自定义多行编辑功能

需求与限制 vxe-table 内置的行编辑功能默认是单行编辑,同一时间只能激活一行。虽然它提供了 editConfig、editRules、CRUD 相关方法,但如果业务要求“同时编辑多行”,就需要自己维护编辑状态。 自定义多行编辑的核心思路很简单: 给每一行数据增加一个 isEdit 标记; 在 ...

TypeScript 自测题 · 「了解 / 熟悉」两档分级

博主头像 用途:判断简历「专业技能」栏里 TypeScript 该写了解还是熟悉。 设计原则:不是通用题库,而是按面试官出题口径分级 —— 你写哪个词,对方就问到哪个深度。答不上来的那一档,就别写那个词。 最后更新:2026-10-07 0. 怎么用(三步) 先做第一档(30 题),不看答案,把不确定的题号圈 ...

vue 表格组件 vxe-table 复制单元格时去掉末尾换行符

在使用 vxe-table 的复制粘贴功能时,复制到剪贴板的文本默认会在末尾附带一个换行符。这在某些场景下(例如直接粘贴到 Excel)会导致多出一个空行。通过 clipConfig.trailingNewline 配置项,可以灵活控制是否保留这个末尾换行符 概述 复制粘贴:开启 keyboardC ...

纯前端生成海报下载方案

博主头像 ‍ 写在开头 点赞 + 收藏 学会 Vue 实战:纯前端生成带中心 Logo 二维码的分享海报 在日常的 Web 业务中,经常会遇到“点击分享,生成一张包含用户信息、业务数据以及专属二维码的海报图”的需求。为了节省服务端资源,我们通常会采用纯前端的方案来完成海报的绘制与下载。 本 ...

AI自述——把背单词换成聊天,一个六级词汇渗透教练的设计与实现

不做卡片、不做测验,只用一个全英文对话教练,每天 20 分钟渗透 12 个目标词,只统计一个数字,就是你自己主动说出过的词。本文按实现过程记录,内容包括一份 5612 词的六级词典怎么从 65MB 的开源词库里流式抽出来、交叉核对后补齐 205 个漏标词,为什么「教练植入次数」和「我说出次数」必须分... ...

六颗骰子一只碗:用 React + TypeScript 实现闽南中秋博饼模拟器

博饼是闽南中秋的保留节目——六颗骰子一只碗,一家人围坐争状元。本文记录一个纯离线浏览器版博饼模拟器的完整实现:13 级奖项判定链为什么不能随意调顺序(一秀的真实概率是 37.29% 而非 40.19%)、状元比较键怎么抽象、规则层如何与 UI 彻底解耦,并用 27000 局、约 500 万次掷骰的实... ...

H5与小程序通信

博主头像 ‍ 写在开头 点赞 + 收藏 学会 一句话拿走:H5 嵌进小程序 web-view 后,想传数据、想跳转页面,靠的不是普通 JS,而是微信给的一根"桥"——这篇文章把这根桥的用法和最容易踩的 2 个坑一次讲清。 一、先说一个你可能正在经历的痛 你用 uni-app 辛辛苦苦写了一 ...

vue 表格组件 vxe-table 开源版:鼠标滑动选择多行

在数据批量操作场景中,逐行点击复选框效率低下。vxe-table 开源版本提供了范围选中能力:按住复选框列并向上或向下滑动,即可连续选中多行,操作方式类似 Excel 的拖拽填充,大幅提升批量选择效率。 功能概述 范围选中:通过 checkboxConfig.range 启用,鼠标按住复选框列拖动即 ...

vue 表格组件 vxe-table 选择单元格区域后生成图表

在数据分析场景中,用户往往希望选中表格中的一块数据区域后,直接生成可视化图表。vxe-table 结合官方插件 plugin-render-echarts,可以轻松实现这一能力:选中区域 → 右键菜单 → 生成柱状图/折线图/饼图,整个过程基于 ECharts 渲染,开箱即用。 功能概述 区域选取: ...

vue 表格组件 vxe-table 配置 ajax 请求自动加载数据与表单查询

vxe-table 提供了强大的数据代理(Proxy)能力,只需配置好数据源和表单项,即可自动完成数据加载、分页、查询、重置等操作,从每个页面重复编写冗余代码中解放出来。本文将介绍如何通过 proxyConfig 配置 Ajax 查询接口、分页以及表单代理,并给出完整示例与注意事项。 功能概述 自动 ...

vue甘特图组件 vxe-gantt 实现拖拽任务自动更新紧前紧后依赖线关联任务的日期

在项目管理甘特图中,任务之间往往存在复杂的依赖关系。当用户拖拽某个任务调整日期时,如果其前置或后置任务没有同步更新,就会破坏依赖逻辑,导致计划失真。vxe-gantt 提供了 taskBarMoveConfig.isSyncLinkTask 配置项,可以自动根据依赖线更新关联任务的日期,确保甘特图始 ...

vue 甘特图组件 vxe-gantt 自动计算工期显示关键路径

vxe-gantt 是一款基于 Vue 的甘特图组件,支持任务依赖、进度展示、拖拽调整、关键路径高亮等能力。其中关键路径(Critical Path)是项目管理中的核心概念,它决定了项目的最短工期——路径上任何任务的延迟都会导致整个项目延期。 通过简单的配置,vxe-gantt 可以自动根据任务依赖 ...

123···50>