Vue造轮子简易版(阶段性总结)

1. 课前水平自测

  • 要对 JS,CSS,SVG 非常了解才能造 UI 轮子

2. 没有需求就不要写代码,没有设计稿也不要写代码

  • 没有设计稿就问设计要,不给就闹,把事情闹的越大越好,只要不写代码做什么都是对的

3. 单元测试是重构的前提

  • 单元测试能保证大概率没有 Bug

4. 对于工具的使用,学 ES/SCSS/Webpack 能用就行

5. 设计模式

  • 发布订阅模式,tabs 组件里的 eventBus,emit/on/off,发布订阅模式一定要有发布者,订阅者和事件中心

  • 单项数据流-tabs 组件,collapse,收到数据更新,自己不改通知父亲改,这改 React 奠定了基础,越是复杂的数据,越是要用单向数据流

  • 正交,两个 props 不能相互影响,也就是说所有的属性不要控制同一个东西。

    • 判断是否正交的依据在于,一个属性任意的改会不会影响另一个属性。
  • 可测试代码

    • 添加属性为了测试的时候选中这个属性,比如添加:data-name="name"
  • 不要让人思考

    • 即使是一行也要抽出来,作为一个函数。

6. 面向离职写代码的好处

  • 所有东西文档化
  • 被观察感->严格要求
  • 团队中表现优异, 写完轮子不给升职加薪就好走了

最后,个人微信,欢迎交流!

wechat0.jpg

posted @ 2020-02-05 11:42  Ories  阅读(670)  评论(0编辑  收藏  举报