通用组件渲染逻辑
2022-02-11 09:57:25 0 举报
通用组件渲染流程图
作者其他创作
大纲/内容
编辑
组件库管理页面
草稿
关联组件、事件机制
版本号管理
发布成功
生命周期钩子
组件预览
已删除
缓存处理
api传值
字段：库名称、库id、库状态、样式文件、组件列表、版本号处理逻辑：1.css样式文件添加data-xxxx域2.js文件全局方法重构到组件域名下，调用逻辑也做处理解决方案：1.https://github.com/reworkcss/css ；css.parse(res.data);
组件单元测试
是
组件渲染
埋点
组件注册
获取组件库列表（上线、未上线、已删除等状态）
组件调试
调研方案
字段：组件名称、缩图、模板代码组件：组件渲染、属性api
是否成功
组件发布
获取组件列表（发布、草稿、已删除等状态）
页面制作
新建组件库
日志，异常处理调用http://stream.jd.com/zwx/#/
资源解析（版本号、样式文件、js文件）
用户登录
注册来源
属性传值
组件
预览组件库
删除组件库
事件类型
...
问题：1.静态资源（样式、图片等）隔离及js隔离2.生命周期执行逻辑3.异常报错兼容处理4.事件方法调用逻辑方案：
组件schema
是否注销
解析器和编辑器
用户
安全检测
监控/日志
改造设计器、渲染器（执行生命周期里逻辑，可能有数据绑定、接口请求等）
组件编辑
组件api（react组件属性、或者vue组件）
组件删除
平台后台
0 条评论
回复 删除
下一页
