计算换行文字序号 在前端排版、文本高亮、行号标注等场景中,我们经常需要动态计算一段文本在自动换行后,每一行第一个文字的索引位置。 核心思路是:克隆一个与原始节点样式完全一致的隐藏临时节点,通过逐个追加文本并监听高度变化,来精准捕捉每次换行的临界点。 2024-01-23 #DOM #前端 #文本处理 #换行计算
npm私有镜像地址设置 使用官方仓库可能遇到如下问题: 访问缓慢且占用外部带宽 可能随着官方升级和维护 可能被删除或更换地址 私有包不方便存放公开地址当官方公共仓库无法满足我们需求时,我们需要部署私有仓库。 2024-01-12
通过凸包算法简化svg碰撞检测 在前端图形交互、游戏开发、数据可视化等场景中,SVG元素的碰撞检测是高频需求。但复杂的SVG路径(如包含贝塞尔曲线、圆弧或大量顶点的形状)直接进行碰撞检测,计算复杂度高、性能开销大。 凸包(Convex Hull)算法是解决这一问题的核心方案:它能将任意复杂的SVG形状,简化为包围该形状的“最小凸多边形”,在保留碰撞检测核心边界的同时,大幅减少顶点数量,显著提升碰撞检测效率。 本文将完整梳理从「S 2023-12-22 #SVG #碰撞检测 #凸包算法 #Convex Hull #d3-polygon #前端图形学
所见即所得公式编辑器 这款所见即所得公式编辑器,核心目标是大幅降低数学报告的撰写门槛,让数学内容的创作、排版、可视化全流程变得简单高效。工具深度整合了业界主流的专业组件,一站式覆盖公式编辑、函数绘图、手绘示意图、代码块编辑、便签笔记等核心需求,完美适配数学学习、科研论文撰写、教学课件制作等场景。 2023-11-02 #公式编辑器 #LaTeX #MathLive #GeoGebra #Excalidraw #数学工具 #科研写作
试题、试卷数据结构 主要结构:试卷 - 段 - 节 -(节)- 试题 可以存在多级“节” 枚举:视角(view)开发者(author)应试者(candidate)监考人(proctor)评分人(scorer)出题人(testConstructor.)辅导者(tutor) 枚举:形状(shape)形状的值总是伴随坐标值(见坐标和相关提供用于解释它们的图像)。默认(Default)默认形状指的是相关图像的整个区域。矩 2023-10-25
多维表格简介 多维表格是融合了传统电子表格轻量化易用性,与关系型数据库结构化数据管理能力的新一代协同办公工具,支持多视图切换、数据关联、自动化流程、可视化分析等核心能力,可灵活适配项目管理、客户管理、销售跟进、内容策划等各类业务场景,是当下团队数字化协作的核心工具之一。 2023-10-20 #效率工具 #多维表格 #协同办公 #飞书 #维格表 #FlowUs #钉钉