PaulChess / MyBlog

1 stars 0 forks source link

探索-如何正确将源码应用于实践 #16

Open PaulChess opened 3 years ago

PaulChess commented 3 years ago

以参考vant组件库为例:

准备工作

  1. 结合文档和源码先找到组件的props、emits、slots, 列举下来。
  2. 结合自己的需求进行筛选或补充,可以以脑图的形式记录最终确定的上述三点内容。

    阅读代码

  3. 先不要急着写,不要边抄边写,这样会打乱思维的连续性,且不利于自己对需求实现本质的思考。
  4. 先分析dom结构,然后分析源码中需要重点实现的属性的实现方式。一些重要方法可以通过做笔记,写demo,画图的方式进行梳理。

    编写代码

  5. 关掉源码,把组件的实现当成一个新需求来处理,有问题的地方如果卡住进度了可以看一下源码中的实现,如果不是特别紧急可以收集起来统一看源码的处理方式。
  6. 代码实现完后回过头再看源码,看一下自己和它的实现有没有异曲同工的地方,或者是有没有可以写得更优雅的地方,或者是实现不到位的地方来增强自己对这个组件的理解。