本周工作思考
- Web端Tab组件改造升级
- Web端的Angularjs版的Tabs在实现是上复用了原来Tabs指令的API,保持API的兼容性,内部实现完成按照新Tabs的样式和布局, 这样能方便现有的老Tabs直接替换成新的
,样式上直接复用umu-design的Tabs组件。这种实现方案的好处是方便现有组件的替换,都是Angularjs框架,现有的Tabs现实都能替换,即便使用React版本的也需要包装一次。Tabs本身实现就比较简单,从开发方便性上来说,反而不如直接使用Angularjs快速省事。 - Web端Tab组件使用主要有2种形式,包括Tabs指令,HTML的
- 或者
- 替换范围上这次是整体提测,Button涉及面太多,查找和功能回归是占用开发时间的大头。Tab相对来说涉及面没有那么大,总共有七八十处,层级不会太深,所在的功能也比较明确,出现遗漏的情况会比较少。另外涉及部分代码的重构,避免过多的代码冲突,需要整体性的快速搞定。
- All hands上东朔老师分享了很多有价值的方法论和现身说法的案例,非常值得借鉴和学习,比如做事要提前谋划,提前准备。我最感同身受的是很多结果是由之前的很多细节和努力累积而成。今天的任何好的或者坏的结果都是之前的行为导致的,认真踏实的活在当下,才能创造更好的未来。
形式。Tabs指令的形式因为新老Tabs的API是兼容的,所以直接替换指令名称即可。对于后一种形式,相当于重构,涉及到点击事件,样式布局,Tabs数据的整理等功能问题,相对复杂一些。目前涉及这类的改动大概有30多处,加上功能自测和样式Reivew,整体工作量比Button替换要大很多。
- Web端的Angularjs版的Tabs在实现是上复用了原来Tabs指令的API,保持API的兼容性,内部实现完成按照新Tabs的样式和布局, 这样能方便现有的老Tabs直接替换成新的