我们为什么需要标准化

兑吧前端 - 路志鹏

目录

1. 无处不在的标准

2. 一个标准化的系统会是什么样的

3. 标准化与系统架构

4. 标准化与开发流程

无处不在的标准

DSL

DOM -> Mini Program

10! === 3628800

100! === 9.33262154439441e+157

JSX2Canvas

<Canvas>
  <CImage zIndex={9} center middle src={backgroundImage} />
  <CText fontSize={60} center middle text={text} />
  <CImage center src={QRCode} />
</Canvas>

一个标准化的系统可能会是什么样的

why sandbox

sandbox 确保接口的一致性

core.register('moduleA', sandbox => ({
   init() {
     if (sandbox.isNative()) {
        sandbox.showModal({
           title: 'title',
           msg: 'msg'
        })
     }
   },
   destroy() {}
}))


core.bootstrap = ({modules}) => {
   modules.map(m => {
     try {
       m.init()
     } catch(err) {
       core.report(err); // 容错机制
     }
   })
}

业务模块拥有”最少知识“

what is sandbox

每个构件几乎都不知道彼此存在

标准化与系统架构

标准化与开发流程

最后一公里问题

 

如果标准发生变更，那么改动会非常大

Things not covered

Thanks

Made with Slides.com