跳到主要内容

4 篇博文 含有标签「程序架构设计」

查看所有标签

速读《设计原本》

· 阅读需 19 分钟
不如怀念
Web 前端工程师 (Web Front-end Engineer)

最后更新于 2023-05-27 18:35:00

在日常工作中,经常被糟糕的项目进度控制和需求变更等因素搞得人身心俱疲,为了缓解这类问题,产品设计、程序设计、项目管理等多个环节都需要参考一些优秀的案例,而《设计原本》就针对设计过程进行了较为深入的探讨,在阅读过后发现其中一些概念是日常在用的,但没有意识到的,也有我们大多数人一直追求的理想状态被作者认为是不合理的,值得一读。

交互状态设计:探索 ECharts 与 ZRender 的设计模式

· 阅读需 22 分钟
不如怀念
Web 前端工程师 (Web Front-end Engineer)

最后更新于 2023-01-09 23:37:00

通常,对于 Web 页面的交互处理中,尤其是 DOM 元素样式的变化用 CSS 处理是非常简单的,但如果是普通对象呢?问题似乎变得复杂起来了,这篇文章通过探索 ECharts 与 ZRender 在交互状态设计相关方面的源码实现,讨论一下在复杂场景中处理交互状态的设计方案,如何将命令式编码的复杂性通过声明式编码来降低,该怎样应对复杂场景下的状态叠加问题。

桥接模式:跨平台的事件机制设计

· 阅读需 5 分钟
不如怀念
Web 前端工程师 (Web Front-end Engineer)

最后更新于 2022-06-12 22:22:00

对于 Web 的图表组件库来说,一些功能比较强大的开源库,渲染层可以支持 DOM、SVG、Canvas、WebGL 等多个平台的环境,而图表库的很多功能的实现都和渲染层紧密相关。

最近,在参考学习一些开源的图表组件库时,发现在跨平台设计中,事件机制的实现很有意思,所以在这里以最简化的代码来解释和记录一下这个方案。如果要用经典的软件设计模式来解释,大概就是桥接模式了。

桥接模式(Bridge Pattern) 将一个功能的实现拆分为抽象(Abstraction)和实现(Implementor),让其相互独立的扩展和定义,借助该模式可以设计一种平台无关的软件架构。