- 阿里-云凤蝶
- 阿里-金蝉
- 阿里-宜搭
- 阿里-天马
- 腾讯-积木
- 奥哲
- 点石
- ivx
- 闪电数据管理
- 乘法云
- 巴克云
- 数式科技
- 明道云
- 轻流
- 简道云
- 炎黄盈动
- 无远开发平台
- 广州天翎myApps
- 活字格
- 起步科技
- 金蝶云-苍穹
- 普元
- OpsMind
仅包含前端部分的 low code 平台
- MAKA
- 易企秀
- 上线了
- 兔展
- 稿定设计
- 壹伴
- 创客贴
- 京东-通天塔
- 阿里-imgcook
- 转转-魔方
- 人人贷-活动运营平台
- 美团-乐高
- 百度-h5
- 政采云-鲁班
- 携程-民宿CMS
- 携程-乐高
- 知乎-Versatile Editor
非独立页面,依附于业务系统存在的页面搭建
- shopify
- 有赞-微页面
- 淘宝店铺装修
- 阿里-飞冰
- 阿里-formilyjs
- 阿里-gaea-editor
- 阿里-sula
- blockVisualEditor
- pager
- 运满满-码良
- X-Page-Editor
- Vue-Layout
- antd-visual-editor
- pipeline-editor
- panel-magic
- 百度外卖-blocks
- Esview
- gen
- bee gen pro
- 百度-amis
- Ovine:基于 amis 补全了路由、权限相关的组件
- 唯品会-ams
- vue-admin
- 鲁班 H5
- 华炎魔方
- h5-factory
- vision
- brick-design
- 随心秀
- yh5
- rxeditor
- activity-YD
- layoutit
- Ramiko
- jeecg-boot
- sparrow-js
- Tefact: 让你通过无需任何代码即可生成简单CRUD后台
- https://github.com/blocks/blocks
- https://github.com/frappe/frappe
- https://github.com/ipselon/structor
- https://github.com/vigetlabs/colonel-kurtz
- https://github.com/BuilderIO/builder
- https://github.com/vuegg/vuegg
- https://webcodesk.com/
- https://github.com/odoo/odoo
- 面向 Model 编程的前端架构设计
- 流动的数据——使用 RxJS 构造复杂单页应用的数据逻辑
- 使用 React 写个简单的活动页面运营系统 - 设计篇
- 【电商】用可视化编辑,解构看起来非常炫酷的专题页面
- 如何搭建一个功能复杂的前端配置化框架(一)
- https://www.honeycode.aws/
- https://developers.google.com/appmaker
- https://powerapps.microsoft.com/zh-cn/
- https://www.zoho.com/creator/
- https://www.salesforce.com/
- https://www.appian.com/
- https://bubble.io/
- http://www.vvveb.com/vvvebjs/editor.html
- https://www.forestadmin.com/
- https://mobirise.com/
- https://paperbits.io/
- https://builderx.io/
- https://grapesjs.com/
- https://reactstudio.com/
- https://www.wix.com/
- https://university.webflow.com/
- https://www.squarespace.com/
- https://www.framer.com/
- https://www.figma.com/
- https://www.mendix.com/zh/
- https://www.outsystems.com/
- https://retool.com/
- https://www.quickbase.com/
- https://layoutit.com/
- https://www.claris.com/zh/filemaker/
- FoC 聊天记录:https://marianoguerra.github.io/future-of-coding-weekly/history/?fromDate=2017-06-13&toDate=2017-06-14&channel=general&filter=
- 人脑是串行的,无法有效并行思考多条线索
- 人脑不适合思考并行执行的多线程
- 【单线程】把共享变量的编程模式改成事务整体提交的模式
- 人脑不适合思考同时呈现在屏幕上的多个独立的业务流程
- 代码是按发生时间组织的,在一起的代码未必是逻辑上有关联的业务流程
- 【按业务切分文件】阅读者应该可以按照自己的任务目标来跟踪索引,而不是默认一个按钮点击引起的处理逻辑都一定要写在一个大文件里
- 【按变更频率切分文件】业务变更是阅读的首要原因,代码应该按照业务变更的频率来组织。会同时变更的代码应该放在一起
- 代码是按发生时间组织的,在一起的代码未必是逻辑上有关联的业务流程
- 人脑很难管理多份独立可变的状态,本质上每个独立变化的状态就是一个独立的线程
- 驱动状态数量熵增的三大因素:
- 因为交互体验的要求,从后端到富客户端到3d动画,状态被复制多份,越来越靠近展示层
- 因为硬件物理的约束,内存从CPU统一寻址,到异构计算,CUDA,每个硬件核都有一层自己的内存
- 因为数据量的增长,从统一的OLAP从库,到Data Lake,Data Mart,数据被复制成越来越份,流水线越来越长
- 对抗状态数量熵增的手段:
- 【声明式数据联动】减少独立变化的状态,用表达式来表达 derived state
- 【全局虚拟数据层】借鉴Unix的统一文件抽象,引入一层统一的虚拟数据层。尽可能把状态转化成 cache
- 驱动状态数量熵增的三大因素:
- 人脑很难理解新增对原有行为的剧烈变化,更习惯逐层稳定叠加。也就是人更希望“控制变量”
- css 最大的难度在于不正交,新增一条对规则会引起意想不到的效果
- 【局部化布局】swiftui 的 HStack/VStack/ZStack 布局规则数量少,每条规则作用都是局部的稳定的叠加
- 性能优化往往需要破坏局部性,因为局部的自治容易引起重复劳动
- 【局部化IO】系统自动实现 I/O 的批量等可以自动化做的全局优化
- 【局部化IO】业务写成自治的,但是可以附加额外的手工全局调优。而不是强制要求把业务逻辑从局部抽出去
- css 最大的难度在于不正交,新增一条对规则会引起意想不到的效果
- 人脑不适合思考并行执行的多线程
- 人眼只能在狭窄的感受野里获得信息
- 人对时间的感知是来自于对空间的感知
- 人希望在一个屏幕内从上往下的获取时间顺序上从早到晚的信息
- 因为感受野的限制,源代码没有空间展示所有的细节
- 类型定义,内存分配等“细节”占用了大量的视觉区域
- 【IDE细节隐藏】在文本上省略掉细节,由 IDE 进行补全,当鼠标移动上去的时候才展示出来
- 人最习惯的空间整理方式仍然是层状的文件夹
- 所有的“架构”设计,最终都是对文件夹和文件的设计。但是一个维度的静态索引(文件夹嵌套)无法满足所有可能的检索需求
- 【IDE按需索引】由 IDE 来补全文件夹分类不能满足的索引需求,针对阅读者的任务来设计IDE索引
- 所有的“架构”设计,最终都是对文件夹和文件的设计。但是一个维度的静态索引(文件夹嵌套)无法满足所有可能的检索需求
- 类型定义,内存分配等“细节”占用了大量的视觉区域
- 视杆细胞容易忽略形状和顺序的差异,但是对颜色更敏感
- 语法高亮占用了宝贵的资源,但是并没有考虑阅读者的诉求
- 【IDE按需高亮】对于不同的任务,阅读者希望找到的重点是不同的,语法高亮应该结合任务来做
- 语法高亮占用了宝贵的资源,但是并没有考虑阅读者的诉求
- 人与人之间最高效的沟通的方式是面对面的交互式声波震动
- 人类低下的沟通带宽根本上限制了一个团队的规模
- 尽可能由最终用户,或者靠近最终用户的团队来解决问题,而不是长距离传递需求
- 最终用户编程:直接让需求提出者自己来实现需求
- 低代码编程:通过提前预制,把工作量前置,减少应用开发者的规模,从而可以在组织架构上把开发者内置到用户组织内部。与此相对应的是文档驱动的外包式开发。
- “预制”来自于对共性需求的提前预判
- 【非功能性需求云化】非功能性需求的实现,都是运行在相似的机器上
- 操作系统
- k8s
- RPC 框架
- 开发者都是人类
- 编程工具
- 沟通工具
- 用户都是人类
- 【SaaS组件】IM / 电话 / 短信
- 【Ui组件】字处理器 / 表格
- 【CRUD生成】惯用的展现和交互
- 列表详情
- 树状层级
- 表格结构
- 可拖拽白板
- 【SaaS组件】相对稳定的业务流程
- 登录注册
- 支付
- 行业内相对稳定的业务共性流程
- 电商
- HR / 招聘
- 销售管理 / CRM
- 【非功能性需求云化】非功能性需求的实现,都是运行在相似的机器上
- “预制”来自于对共性需求的提前预判
- 人的“归纳/理解/学习”能力高度依赖于可视化交互式地操纵与反馈
- 帮助应该放在任务执行的地方,与其说“可视化”,不如说是“可发现”
- 【填空题变选择题】单独的语法手册是不好使的,必须提供界面上的按钮,把填空题变成选择题,这样才能启发学习
- GUI 设计器 / 店铺装修
- 公式编辑器
- 审批 / 工作流设计器
- trigger 流程设计器
- 【填空题变选择题】单独的语法手册是不好使的,必须提供界面上的按钮,把填空题变成选择题,这样才能启发学习
- 人习惯于用手触碰一下对象,然后观测其反馈,从而归纳学习
- 不可观测的行为无法学习
- 反馈太慢的行为给人的负面感受是指数增加的
- 帮助应该放在任务执行的地方,与其说“可视化”,不如说是“可发现”
一切的改进都是源自于人类的缺陷
- no code:自己编程给自己用,给用户的感觉是一个更强大的办公/实用软件。主要的手段是用图形化操作等方式降低学习曲线。no code 一定要面向非常固定的领域才能做到好用。
- low code:编程给其他人用,为此创造了一个 citizen developer 的概念。主要的手段是平台预制好常见的需求,减少需要从头写的代码。low code 也要面向指定的领域才能让平台提前预测需求,但相比 no code 可以不把使用场景限定得那么死。
- pro code:low code 的平台自己不会选择 low code 来创建这个平台本身,因为 low code 并没有降低从头构建一个系统的成本。但是 pro code 的平台自己会选择 pro code 来创建这个平台本身,比如 react 开发者会选择用 react 来创建自己的开发工具,因为 pro code 的工具和平台都是以从根本上降低从头构建一个系统的复杂度为目标的。