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. 面向离职写代码的好处

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

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