Vue 3 复杂组件开发实战:Select 与 Pagination 的 API 设计与状态管理
#Vue#Design System#Engineering#Architecture
以 Select 和 Pagination 为例,深入探讨 Vue 3 复杂组件的 API 设计、数据格式适配、类型回溯、路由同步、键盘交互及组合式函数抽离,揭示工业级组件背后的设计权衡与实现细节。
Vue 3 简单组件开发实战:从 Button 组件看 API 设计
#Vue#Design System#Engineering#Architecture
以 Button 这一简单组件为例,深入探讨 Vue 3 组件库的 API 设计哲学,涵盖 Props 定义、变体系统、尺寸取舍、插槽设计、状态管理、无障碍支持及与主流 UI 库的对比,为后续复杂组件设计奠定基础,揭示极简 API 背后的设计权衡。
CSS 优先 + 组件薄封装:一个 10KB 组件库的极简实践
#CSS#Vue#Design System#Engineering#Architecture
从 UnoCSS 回归原生 CSS,一套设计令牌驱动的组件库方案。四层 CSS 架构、极简 Vue 组件、体积分析与维护性对比,展示如何用 500 行代码构建一个 10KB 的组件库。
当设计令牌遇上原子化CSS:一次整合失败的反思与融合之道
#CSS#Vue#Design System#Engineering#Architecture
当个人开发者尝试用 UnoCSS 映射已有设计令牌失败后,反思工具迷信,提出设计令牌优先于原子化 CSS 的架构观点,并探索两者融合的务实边界。
工程深化篇:工业级构建脚本与 DTCG 完整实现
#VSCode#Theme#Engineering#Design System#Configuration
深入工业级构建脚本,掌握颜色标准化、WCAG 对比度校验、循环引用检测、自动生成 CSS 变量和设计系统文档,将 DTCG 设计令牌从概念落地为可运行的工程代码。
每页条已查询到 16 条文档