irises

本文简单介绍了shader, webgl, 渲染管线等概念，编写了一个shader版本的hello world程序...

ECS是一种软件架构模式，常见于游戏业务场景，其主要对象分类为 • Entity 实体,ECS架构中所有的业务对象都必须拥有一个唯一的Entity实体 • Componen...

依赖注入不仅仅是一个让代码看起来“高级”的工具，它的核心价值在于解耦。通过将对象的“创建权”从业务逻辑中剥离并交给容器，我们能获得极高的灵活性。 以下是依赖注入最具代表性的...

1. 依赖注入 在 JavaScript 中，依赖注入（Dependency Injection，简称 DI）是一种软件设计模式，通过这种模式，可以减少代码模块之间的紧耦合...

这是一个重点在于通过大模型能力控制draw-io绘制流程图的项目，现在我们通过阅读源码，拆解一些它的核心技术能力的实现...

在 ai.js 中，工具（Tools）通过 streamText 配置的 tools 参数注入，分为两类： 服务端工具和客户端工具，两者对于tools的调用交互有所不同...

动画系统 (Animation System)。 这是让静态图表变成“活”图表的关键。我们的目标不是写死 requestAnimationFrame，而是构建一个声明式的动...

我们将利用目前 MiniRender 已经具备的图形能力（Rect, Text）、层级管理（Group, z-index） 和 交互能力（Hover, Click），构建一...

我们开始 悬停事件 (Hover Events) 的实现。 这是交互体验中质的飞跃。目前的点击是“瞬间”的，而悬停是“连续”的状态管理。...

矩形 (Rect)：这是所有 UI 组件（按钮、卡片、背景）的基础。 文本 (Text)：这是信息展示的核心。 相较于圆，文本的难点在于“包围盒计算”（为了支持点击检测）...

要实现交互，我们需要解决三个层面的问题： 数学层：矩阵求逆（为了把鼠标点转换到图形内部坐标系）。 基类层：事件订阅机制（On/Off）和包含判断接口（Contain）。 控...

仓库 (Storage) 与 渲染器 (Painter) 的实现。 这一步的目标是把“手动挡”变成“自动挡”。...

数学工具与基础图形类是整个引擎的基石。在这里我们将会完成矩阵运算模块以及能够绘制各种变换后的圆图案。...

为了从零实现一个精简版 MiniRender，我们需要先跳出具体的代码细节，从架构设计和类型定义入手...

力导向图（Force-Directed Graph）  是可视化领域中用于布局节点（nodes）和连线（links）的经典算法。...

前端国际化方案的结构设计核心在于「分层拆分」「语义化命名」和「规则统一」，避免所有翻译内容堆砌在单一文件中，同时让开发者能快速定位到对应文本。...

前言 之前在证券行业，接触过移动端K线图的需求； H5 K线图，需支持无限左右滑动，支持样式自定义； 纯canvas制作，不借助任何第三方图表库。 一、先看最终的效果 1、...

前端应用在不断壮大的过程中，内部模块间的依赖可能也会随之越来越复杂，模块间的 低复用性 导致应用 难以维护，不过我们可以借助计算机领域的一些优秀的编程理念来一定程度上解决这...