如何编写测试代码 一个案例种子需求123456789项目下的fixed、final等等文件,是否都是之前调试过程中的产物呢?现在调试完成了,是否应该对测试模块下的代码进行一个整体性的梳理,去掉这些 │Fixed、Final 等等文件,将其编写为整洁的代码呢? 另外帮我分析一下目前的这个测试模块,其程序设计、技术选型等等是否合理,有没有更好的方案。 │目前看起来是比较零 2025-08-12
从时间轴组件的需求以小见大 反思:时间轴的需求,为什么我确认的时候这么多内容没考虑到?不要陷入“把事情想简单了”的误区,这种情况太常见了,即使同一个团队的不同职责的人之间,也普遍存在这个问题。 忽略的内容需求上 交互:点击、悬浮 极端情况:文本过长的展示方式 resize destroy 跨组件的通信、和外部的通信 技术上技术的选择,应该根据需求而定。 一开始想复杂了,感觉要用D3.js,但是因为其布局是固定的3XN 2025-08-11 #项目管理
技术拆解-文本可视化T8 T8是蚂蚁集团AntV技术栈下的一款文本可视化解决方案,采用声明式JSON Schema语法来描述数据解读报告的内容。作为一个专门为AI时代设计的可视化库,它在架构设计上有诸多值得深入研究的亮点。 开源源码阅读方法与项目汇报相似,阅读开源源码应采用自顶向下、逐步求精的方法: 先看宏观调用流程 - 理解整体架构和入口点 再深入具体实现 - 分析各个模块的细节 架构设计思考整体Manager封装的 2025-08-11 #AI #数据可视化
ESM分包 需求来源我们最近要开发一个组件给业务方使用,网页对于性能有较高的需求。而我们的组件代码量比较大,会导致组件的 CDN 比较大,加载耗时较长。因此我们需要对组件进行分包处理,将原本较大的 CDN 拆分为多个相对较小的 CDN。 之前的项目打包时支持导出 ESM 和 UMD 两种形式。但 UMD 格式是为了兼容不同浏览器模块化规范的处理,其产物没有包和模块的概念,不支持分包。因此我们只能选择 ESM 2025-08-08 #JavaScript
如何设计一个前端组件库 基于这次资讯可视化所需的Web Component组件库的设计进行整理。让AI分析多个优秀的同类组件库,融合它们的特性进行程序设计。 注意:分细一点,将框架的设计和组件的设计分开弄,增加传递给AI的信息的详细程度,这样才能得到更好、更确定的内容。 AI辅助人工分析 以AInvest的矩形树图为基准进行分析。 模块化架构设计 managers/ ├── DataManage 2025-08-07 #程序设计
npm发布流程和常见问题 最近项目中需要发布 NPM 包。 之前其实发过好多次,但是中间间隔的时间太长了,导致现在记忆有点模糊了。 正好借助这次的 NPM 发布,整理一下相关的内容,更新到博客里面,方便后面作为参考。 发布流程概览 切换到官方 npm 源 准备代码和 package.json 文件 处理忽略文件 注册 npm 账号并登录 发布到 npm 验证安装 常见问题解决 详细发布步骤1. 切换到官方 npm 源 2025-08-07 #JavaScript
如何制定前端组件协议 你只需要理解并清晰地描述需求,剩下的工作就交给 AI。 最近需要开发一个前端组件协议,根据历史经验,协议的制定是非常关键的,一旦设计得不合理,就会埋下巨大的隐患,影响后续组件的可扩展性和可维护性。因此以往这个环节的工作都是比较头疼的,且都由相对资深的开发人员来完成,且制定了也会很慌,总是担心考虑不够周到。 但是现在有了 AI 的帮助,这个环节的工作可以大大简化。AI 可以根据已有的需求描述,快 2025-08-06 #AI #程序设计
(TODO)通过LLM整理博客 TODO:这个博客需要等我复习的时候,修改完善下。目前是 AI 基于项目代码和我提供的背景信息自动生成的。 前言在这个 AI 驱动的时代,当面对大量内容需要 AI 模型分析处理时,传统的单文件串行处理方式就显得力不从心了。最近在开发一个博客质量分析工具时,我遇到了这样的挑战:如何高效、稳定地让 AI 模型批量处理大量文档,同时保证系统的健壮性和可恢复性? 本文将详细分享我在构建 AI 并发分析 2025-08-04 #TODO #AI
近期的学习和工作流 信息获取 起床 洗澡的时候语音倍速听我关注的公众号,了解时事新闻(比如最近的 GLM、基于 Spec 的 AI Coding 等等) 上班路上继续听公众号,红绿灯等候时记录想法(这一步非常关键) 到了公司让 DeepResearch 根据早上听的内容,做调研(开多个窗口一起搞) 闲暇的时候,PC/手机看调研结果 给调研结果生成可视化的网页,进一步巩固理解 不理解的具体知识点,用 Chat 2025-08-01
技术拆解-LangExtract 以下内容基于LangExtract源码,由 Claude-4-Sonnet 生成。 项目概述LangExtract 是由 Google 开发的一个 Python 库,专门用于使用大型语言模型(LLMs)从非结构化文本中提取结构化信息。该项目提供了一个完整的信息抽取流水线,具有高度的准确性和可扩展性。 核心特性 精确的源文本定位映射 - 将每个提取结果映射到源文本的确切位置 可靠的结构化输出 - 2025-07-31