树酱的前端知识体系构建(上)

时间:2022-07-26
本文章向大家介绍树酱的前端知识体系构建(上),主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

❝ 前沿:先预祝掘金升级成功... 树酱君是个渣渣,梳理了下发现还是蛮多知识点不够扎实,童鞋有机会也定期给自己做个复盘和回顾,梳理自己的知识体系。再加上前端娱乐圈变化多端,以至于我们既要加强对底层基础知识的巩固,查漏补缺,也要保持对新事物探索的好奇心。那树酱我是如何构建自己的知识体系呢?(特别算法是硬伤啊)⏰ 该本章为上下两章,本次分享是上章 ❞

1.Vue 知识体系

1.1 基础原理

1.1.1 Vnode

❝ Vnode也称虚拟node节点,是对真实元素的抽象。诞生的背景是因为前端在很长一段时间通过直接操作Dom来达到修改视图,随着项目庞大,维护就变成一个问题。那换个角度想如果把真实Dom树抽象成为一棵以JS语法构建的抽象,然后通过修改抽象树的结构来转换成真实的Dom来重新渲染到视图。 ❞

  • 如何生成虚拟节点?:createElement()深入实践学习的,可阅读树酱之前写的 从0到1开发动态表单
  • Vnode如何检测变化并更新视图呢? diff算法