“低代码”平台初探 - 基础设施 极客时间《说透低代码》学习笔记Day06

78 阅读2分钟

  Web 组件集是 Web 应用的最重要基础设施,没有之一。

  在开始打造低代码平台之前,请先确认你手里已经拥有一套值得托付的组件集。

自建组件集这个基础设施的重要特性

自主可控

  你不可能会将你的研发进度与一个不可控的开源社区挂钩

  有自己的 UX 规范了。

封装程度高

  再次提醒你所选的组件集是给编辑器使用的,而不是给人类使用的。

  要注意,编辑器并不怕生成一大片代码,但害怕东一榔头西一棒,这会对代码生成器造成许多不必要的麻烦。

  数据驱动模式,这种模式的关键特征是组件将 HTML/CSS 彻底封装到其内部,只暴露出一些属性对外提供配置入口。

  列出了现在市面上常见的组件的封装方式,作为补充和对比:

  1. 第一种我们叫它数据驱动封装方式。

  2. 第二种我称之为模板驱动封装方式

  3. 最后一种我们暂且称它为 CSS 样式模板

功能强大

  低代码编辑器的复杂度非常高,特别是在画布界面,有各种各样的编辑器、配置界面、悬浮气泡、对话框等。活动视口(ViewPort)上同时有一两百活动组件都是家常便饭,这对组件的渲染性能和脏检查性能提出了很高的要求。

  其次,如果画布上的所见即所得效果不是采用 iframe 实现的,而是在画布上采用一个动态模块直接渲染出来的,那对编辑器的性能要求就直接翻倍了。此时,不仅需要高效渲染编辑器本身,还要在画布上把 App 的运行效果也实时动态渲染出来。另外,有的 App 本身也具有很高的复杂度。这样一来,在画布界面上同时存在两三百个活动组件实例也是可能的。

皮肤深度定制能力

  一般来说,至少需要支持有两种基础色系:明亮色系和黑暗色系。

低代码案例研究

金蝶云苍穹

参考

极客时间陈旭老师说透低代码专栏(强烈推荐)

极客时间陈旭老师说透低代码专栏 优惠购买链接