Rollup升级Rolldown-范式组件库实战
最近在优化一个图表组件库的构建速度。这个项目之前的正式 build 特别慢，慢到每次验证都让人下意识想先去做别的事。
#JavaScript
共 39 篇文章。
如何沉淀Skill
我建议你们内部不要只分成“两类”，而是分成下面四类。这样后续盘点项目资产时会清楚很多。
浏览器渲染性能优化
在高性能前端开发（尤其是涉及 WebGL、大量 DOM 标注的场景）中，理解浏览器的渲染流水线（Rendering Pipeline）是性能优化的基石。本文将结合实战案例，深入探讨如何利用渲染逻辑和 Chrome DevTools 解决页面卡顿问题。
datav服务端改造方案
本文档旨在分析当前后端项目的结构问题，并基于领域驱动设计（DDD）思想，提出三种可行的重构方案，以提高项目的模块化、内聚性和长期可维护性。
单向数据流
单向数据流（Unidirectional Data Flow, UDF）是一种软件设计模式，其核心思想是数据在应用内的流动是沿着一个单一、可预测的方向进行的。该模式的精确定义是"将单向的变更（one-way mutations）应用于一个不可变的数据状态（immutable data state）"
曲线遮罩裁剪问题复盘
本文完整记录 iOS/Chrome 下曲线连接与遮罩裁剪失效的问题调查、根因分析、修复方案与关键代码变更，便于后续回溯与参考。
本地依赖分包踩坑经历
最近在 HIVIS 可视化组件库项目中，我们遇到了一个典型的本地依赖分包问题。这个问题看似简单，但背后涉及到了现代前端工程化的诸多核心概念：模块解析、构建系统、依赖管理等。
ESM分包
我们最近要开发一个组件给业务方使用，网页对于性能有较高的需求。而我们的组件代码量比较大，会导致组件的 CDN 比较大，加载耗时较长。因此我们需要对组件进行分包处理，将原本较大的 CDN 拆分为多个相对较小的 CDN。
如何制定前端组件协议
最近需要开发一个前端组件协议，根据历史经验，协议的制定是非常关键的，一旦设计得不合理，就会埋下巨大的隐患，影响后续组件的可扩展性和可维护性。因此以往这个环节的工作都是比较头疼的，且都由相对资深的开发人员来完成，且制定了也会很慌，总是担心考虑不够周到。
Chrome插件开发技术选型
在过去的几周里，我和我的团队深度参与了一个 Chrome 插件开发项目，从最初的技术选型到最终的 POC 验证，踩了不少坑，也积累了一些经验。今天我想把这些经验分享给正在考虑 Chrome 插件开发的你。
技术拆解-CozeStudio
Coze Studio 最值得看的不是“低代码 Agent 平台”这个标签，而是它怎么把模型、工作流、插件、知识库、数据库和发布管理放到一个工程系统里。它的问题也很典型：Agent 产品一旦从 demo 走向平台，就不只是 prompt 和工具调用，而是领域模型、资源管理、运行时、权限和运维一起上桌
更安全的解析function字符串
在开发基于 AI 的 ECharts 配置修改器时，我遇到一个问题：当 AI 返回包含 JavaScript 函数的图表配置时，这些函数在传输和解析过程中丢失，导致动态配置（如颜色函数、格式化器等）无法正常工作。 关联内容：[[流式输出]]
VISALL改造记录
VISALL项目目前配置了npm workspace，但未真正使用pnpm workspace：
Gemini CLI 源码分析
不过目前使用起来，感觉还不达成熟。不过因为是开源的，估计过一段时间会好很多，可以当成一个储备的工具先关注着。 目前的重点，还是借助其源码，学习一下AI CLI的实现思路。
微信小程序入门
进入小程序注册页填写相关信息 !image.png
阅后即焚类型的可视化
解决<font color="#ff0000">长尾</font>可视化需求、<font color="#ff0000">一次性</font>需求。 目前AIGC暂时不能解决复杂可视化问题，就先解决简单可视化问题。 展平式的SVG + Claude ## 适用场景 不同的方向，产品规划和技术路线是
2025年D2参会感想
所有工作能够集中在一个IDE内部完成，而不需要跳转到其他地方时，效率会大大提高。例如，之前使用AI工具时，我们通常需要在ChatGPT中对话，然后将返回的结果复制粘贴到其他地方进行后续处理。这种操作方式不可避免地会导致思维被打断，专注力也因此被分散。 相比之下，如果所有工作都能在同一个IDE中完成，
内网安装LlamaIndexTS无法下载npm包的问题
项目需要用到 RAG，我们选择用 LlamaIndexTS，但是外网功能开发完，在内网准备发布的时候，发现 npm install 报错。
如何编写VSCode的代码片段插件
要编写并发布一个 VSCode 的代码片段（Code Snippet）插件，你可以遵循以下步骤：
技术拆解-叙事流程图
抽象出了FlowchartStore这个 store 类，提供数据结构和响应的数据处理方法。
移动端initial-scale导致图表文字过小的问题
投顾部门用到了我们的可视化图表库D3Charts，发现在iOS下文字会变得很小。
Vue3学习笔记
写代码也更倾向于函数式编程，减少了状态的随意传递，后续维护性会更好一些。
组件与数据流
https://zhuanlan.zhihu.com/p/26426054
问题排查复盘-大屏自选股数据错误
用户那边展示的 Web 大屏，其中自选股页面的数据显示错误了。这个问题之前也出现过。
智能短视频-组件设计
比如我们的D3Charts，就是一个组件库；而其他零散的组件，比如动态折线图、柱状图这种，并不算是组件库。
可视化与前端基建和效能的结合
presentation: night.css width: 800 height: 600
Puppeteer学习笔记
比如手机页面，高宽分别放大5倍(实际截屏面积应该是放大了25倍)，9秒的视频，截了近500秒，差不多是50倍的时间，太夸张了。
Docker安装无头浏览器Puppeteer
注意：如果是在项目下，通过 Dockerfile 安装 Puppeteer，请务必在 Dockerfile 执行 npm install 之前，添加如下这一行，否则会因为内网无法下载 chrome 而导致 Puppeteer 安装失败：
制作Node项目的docker镜像
最近一个项目需要在服务端用到无头浏览器puppeteer，这个工具对于node版本有一定要求，而我们目前的线上node镜像是8.9版本的，无法支持该无头浏览器，因此需要升级node，重新制作镜像。
制作基于CentOS7的Node镜像
前几天基于CentOS6.9的镜像安装无头浏览器Puppeteer，装上后问题很多，无法成功运行，装好这个依赖发现又缺少那个依赖，依赖全部装完后又提示版本不兼容。最终我还是选择放弃CentOS6，改为升级到CentOS7来构建Puppeteer的镜像。
如何写好代码-抽取流程
之前写了一段解析网页的代码，现在回头重构，发现烂得不行。这里选取一段关于流程的做个分析改进。
关于组件化、可视化的思考
这种一般会组建一个专门的团队，和我们现在类似。该团队对外的输出就是可视化作图组件，比如折线图、柱状图、饼图之类的。
如何播放和存储音频流文件
今天有个需求，想用一下文本转语音的功能。转换接口返回给我们的音频是一个字符串，因此需要做一些转换才能使用。这里记录下。
如何阅读前端代码
在之前的笔记《D3Charts-给legend实现动画分页效果》中，已经提过了自己了解项目时踩过的一些坑：
Chrome扩展开发笔记
又到招聘季了(其实秋招已经过了...)。今年我们组照例没有意外的分到了0个秋招的实习生(其实分到了一个，结果第一天分给我，第二天这位同学就说不来了)。没办法，只能自己散招了。
NodeJS项目首次发布流程
修改相关服务器的 /usr/local/nginx/conf/ai.conf 配置
PM2使用笔记
let common = { "apps":[ { "name":"你的项目名称", "script":"./app.js", "instances":"max", "execmo
FreeCodeCamp学习笔记
记录我通过FreeCodeCamp学习前端技能的一些经历和感想。
kafka常用命令与常见问题
单机启动zookeeper： nohup bin/zookeeper-server-start.sh config/zookeeper.properties > zookeeper-run.log 2>&1 &