这是我参与「第四届青训营 」笔记创作活动的第10天
经历了小两周的学习，对于前端的脉络逐渐清晰，开始考虑着手小组合作项目。我们组的选题是低代码平台的制作，作者希望通过这篇笔记，来进行对低代码平台概念和开发原则、技术路线作简单梳理，方便日后具体代码的编写工作。
1.何为低代码？
想要制作低代码平台，就需要了解什么是低代码(Low code).低代码平台的核心能力是：
- 全栈可视化编程
- 低代码扩展能力 (如： 组件、主题、模版、逻辑等)
- 全生命周期管理(如：开发、构建、运维、部署、测试、运营等)
很容易混淆的点是，低代码平台并不代表无代码，而是通过拖拽预制组件等方式完成可视化代码的编写，进而实现需要的功能(如需要自行构建逻辑等)，实现减少代码量的目的。与之相对的，还有'no code'平台以及'pro code'平台。前者是指完全能够通过图形化实现需求，后者主要为了减少从0开发的成本，我们熟悉的vue和react就是'pro code'平台。
事实上，我们经常应用一些低代码平台及其产品，尽管我们并不了解。从活动运营系统，到网页设计生成，低代码平台的应用无处不在。疫情时代以来，软件和线上办公成为经济新的命脉。由于传统软件开发周期过长，难以满足业务的需要。高效的开发、相对低廉的成本加上合适的业务驱动以及质量保障，近两年低代码平台更是“井喷式”发展。仅借助拖放式组件和模型逻辑，低代码平台就能把在网络和移动设备上开发云原生应用的速度提高10倍以上。
2.低代码平台的开发
低代码平台搭建的核心在于可视化搭建技术。可以将低代码平台分工为三个区域：
- 组件区
- 预览区/编辑区
- 属性区/事件区
下面来逐一进行解释：组件区即IDE，是进行鼠标拖拽配置属性的场所。通过鼠标的拖拽，我们能够获得一个组件树的JSON结构，最后在属性区/事件区再渲染还原成为一个页面。其中，JSON列表应当包含基本的根目录信息、组件名称、组件属性以及组件路径(这些也可以存放于子节点中),再深度优先遍历(一般采用后序)，逐层向上渲染。
在搭建低代码平台的时候，我们也需要讲究一些原则。首先，模块/组件需要可嵌套，这样才能够使得页面内容高自由度，丰富化；其次，应当让低代码平台尽可能低侵入性，不需要过多在乎编辑操作，减少交互，系统应可以实现编辑配置等操作。
下一篇，作者将会继续介绍组件编排、跨组件事件交互等。本人才疏学浅，如有讲述错误之处，恳请评论区指出。如果觉得对您有帮助，希望可以点赞关注，后续作者随着开发的进行会持续更新。
