一周技术总结-20201018

Egg 的日志问题

原因与解决方案

如何分析与排查线上问题

详见如何排查线上问题

D3 实现动态折线图

TypeScript 与 D3 结合使用的感触

animatejs

可视化搭建

HTML 元素的 dragable 属性

e.dataTransfer.setData()

@dragover：拖动时的图标

@drop.prevent

用一个数组存放画布里面的组件，方便后面渲染配置项

组件配置项的设计

通过 CSS 三大件去设计：定位、美化、移动？

再加上内容：事件、格式化

数字硬编码全部提取出来

transform 优于计算 x、y

组件的逻辑编排与联动

扩展优化

组件的多样性

交互体验：鼠标事件、键盘事件

辅助功能：网格、布局、辅助线、图层

分享

不要分散，形成主题和系统

CodeReview

1、我想寻求帮助

2、我有一些担心和顾虑

3、我想让大家获取一些代码编写的方法套路技巧，提升编码能力和质量

写的代码是否符合当前人员的水平。

发布订阅模式

理清楚和观察者模式的区别

需不需要用户主动观察

我的页面元素也可以用这种方式更新；每个元素注册进入通知池

emit

不定参数：

function test(…args){}

画图，可以给每个元素注册事件，eventBus；解耦代码

function registerEmitter(instance) {

// 在 instance 原型上挂载信息

}

html 打个!自动生成模板

组件开发引入更多的设计模式

学以致用

TS 的泛型、类型推断

DI 与 IoC

人员培养

渐进式教学

比如画柱状图的案例