如何阅读别人的源码?vue源码阅读,读《vue.js技术揭秘》有感

旧巷老猫 提交于 2020-01-10 08:13:53

如何阅读别人的源码?vue源码阅读,读《vue.js技术揭秘》有感

Vue.js 技术揭秘

经过两章节的源码阅读发现:“反过来想就对了”

vue框架主要做的是,用一种特定的dom书写方法,把标签转成js对象(虚拟DOM),再把虚拟DOM插入到HTML中,渲染成页面。

vue源码主要是围绕上面的“主题”来实现。(自顶向下)

  • 先是架构,如何安排分解项目,把不同功能的功能低耦合拆分到不同类别的目录
  • 项目初始化配置,逻辑实现。(牢记结果,一切操作是为了把 VNode 渲染到HTML)
  • 倒数第二步,得到“最终”的结果的前一步准备,VNode 数据,
  • 倒数第三步,想要获得 VNode 数据的前一步,是什么,做了什么
  • ……

越看到后面越明白,不明白的地方可先跳过,抓主干,走完流程,回头补细节

小结

总的来说是,从“前”往后看结果,从“后”往前看过程,我把这个过程称为“双向相对阅读”

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!