02. Vue核心及源码

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

h函数

浏览 161 扫码 分享 2022-07-30 01:34:46

若有收获，就点个赞吧

0 人点赞

上一篇:
下一篇:
  • 书签
  • 添加书签 移除书签
  • 知识点总结
  • Vue性能优化
  • Vue响应式基本原理
    • 响应式概念
    • Vue2.x 响应式实现原理
    • Vue3.0 响应式实现原理
    • 手写vue响应式（简版vue）
      • index.html
      • Vue类
      • Observer类
      • Compiler类
      • Dep类
      • Watcher类
  • Virtual DOM原理
    • 知识点
    • 概念
      • 什么是虚拟DOM
      • 为什么要使用虚拟DOM
        • vnode的基本结构
    • snabbdom
      • 安装及打包
      • 基本使用
        • init函数
        • h函数
        • patch函数
          • 清空元素内容
        • 模块
      • 源码分析
        • VNode
        • 核心函数
          • h函数
          • vnode()函数
          • init函数
          • createElm函数
            • 调试
          • patch函数
            • 调试
          • patchVnode()
          • updateChildren函数
          • addVnodes和removeVnodes
        • 创建过程
          • 如何创建vnode
          • 如何将vnode渲染成真实DOM
        • 对比过程
          • 判断新旧vnode是否是同一节点
          • Diff算法
  • Vue2 源码分析
    • 前置知识点
      • 查看vue默认打包配置
      • vue2.x 项目结构
      • rollup及打包命令
        • 生成所有版本的vue
      • vue 不同构建版本
    • Vue初始化的过程
      • 按文件说明
      • 从入口文件开始
        • Vue.prototype.$mount()
          • 整合后的 Vue.property.$mount
          • 原始 Vue.prototype.$mount
          • 生成render()函数
        • Vue.compile()
      • 全局内置组件/指令
      • Vue构造函数定义
      • 静态成员初始化
        • Vue.directive()/filters()/components
        • Vue.extends()
        • Vue.mixin()原理
        • Vue.use()
      • 实例成员初始化
        • _init()方法
          • initState(vm)
        • eventsMixin()
        • $watch()
        • _update()
      • 首次渲染
      • Vue.set() / vm.$set()
        • 源码
      • Vue.delete() / vm.$delete()
        • 源码
      • vm.$watch
        • 源码
      • vm.$nextTick()
        • 源码
    • Vue响应式源码分析
      • 响应式入口 - observer()方法
      • Observer类
      • defineReactive()
      • 收集依赖
      • 数组响应式细节
      • Watcher类
        • Watcher的分类
          • 监听器watcher源码
        • 首次渲染 watcher显示过程
        • 数据改变 watcher更新过程
      • 总结
        • 思维导图
    • 虚拟DOM源码分析
      • VNode结构
      • 整体过程
        • 创建VNode过程
        • Diff过程
        • VNode转换为DOM元素
      • 核心函数
        • updateChildren()
        • update函数
        • vm.__patch__
        • h函数
        • patchVnode()
        • createElement函数
          • _createElement()函数
        • createElm函数
    • 模板编译
      • 知识点关联图
      • 概念
        • 模板/模板编译/render函数
          • 示例
          • 调试工具
        • vue模板编译的方式
        • 静态节点、静态根节点
        • 抽象语法树
      • 源码分析
        • 相关方法介绍
          • 核心函数
        • 模板编译函数调用过程
        • 模板编译总结
    • 组件实现原理
      • 理解组件
      • 组件的使用
        • Vue.extend()
        • Vue.component()
      • 全局组件注册源码
      • 组件创建过程源码
      • 组件更新过程源码
    • 面试题
      • 响应式
      • key的作用
        • 示例一
  • Vue3 源码分析
暂无相关搜索结果！

    让时间为你证明

    展开/收起文章目录

    分享，让知识传承更久远

    文章二维码

    手机扫一扫，轻松掌上读

    文档下载

    请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
    PDF文档 EPUB文档 MOBI文档

    书签列表

      阅读记录

      阅读进度: 0.00% ( 0/0 ) 重置阅读进度
        思维导图备注