可视化搭建系统 原理介绍与对比

未来前端的机会在哪里？-圆心
搭建服务；Serverless；智能化；IDE。
前端三件套：提升效率；性能/体验优化；保障质量。
提升：商业化的思考能力；数据化的能力；产品化的能力。

是什么？

前期介绍

1. 原始：页面渲染后是一棵 HTML 元素构成的树

2. 前端框架：页面是由组件树组成,组件内部维护自身的 HTML 元素结构、样式和功能逻辑, 并通过组件的 props 获取外部传入的数据

页面可视化搭建, 是用可视化交互的方式对页面的 HTML Tree, 属性 和 动态逻辑 进行增删和修改, 从而实现页面的生成.

Avatar 与 其他渲染器

Avatar

https://sos.aihuishou.com/avatar/operation/51

还有什么其他的实现方案？

百度H5

链接

markdown

1. 原理：marked

2. 扩展的 Markdown 语法

富文本（知乎）

基础：Draft.js

https://www.zhihu.com/xen/market/ecom-page/1258455030488604672

对比

项目	拖拽/编写	动态事件	业务数据	动态表单
avatar	拖拽	否	是	否
百度H5	拖拽	是	否
markdown	编写	否		否
富文本	拖拽	否		否

avatar不能做什么？还可以做什么？

资料参考

https://zhuanlan.zhihu.com/p/164558106