前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
AI 面试
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
AI 热点
开发者导航
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
AI 面试
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
AI 热点
开发者导航
  • Vue

    • 从源码解读Vue生命周期
    • 组件的本质
    • 有状态组件的设计
    • 设计 VNode
    • 辅助创建 VNode 的 h 函数
    • 自定义渲染器和异步渲染
    • 渲染器之挂载
    • 渲染器的核心 Diff 算法
    • 渲染器之patch
    • 图解 Vue 响应式原理
    • 图解 Vue 异步更新
    • 剖析 Vue 内部运行机制
      • 一、Vue.js 运行机制全局概览
        • 全局概览
        • 初始化及挂载
        • 编译
        • 响应式
        • Virtual DOM
        • 更新视图
        • 再看全局
      • 二、响应式系统的基本原理
        • 响应式系统
        • Object.defineProperty
        • 实现 observer(可观察的)
      • 三、响应式系统的依赖收集追踪原理
        • 订阅者 Dep
        • 观察者 Watcher
        • 依赖收集
        • 小结
      • 四、实现 Virtual DOM 下的一个 VNode 节点
        • 什么是VNode
        • 实现一个VNode
      • 五、template 模板是怎样通过 Compile 编译的
        • Compile
        • parse
        • 正则
        • advance
        • stack
        • parseEndTag
        • parseText
        • processIf与processFor
        • optimize
        • generate
      • 六、数据状态更新时的差异 diff 及 patch 机制
        • 数据更新视图
        • 跨平台
        • 一些API
        • patch
        • sameVnode
        • patchVnode
        • updateChildren
      • 七、批量异步更新策略及 nextTick 原理
        • 为什么要异步更新
        • nextTick
        • 再写 Watcher
        • queueWatcher
        • flushSchedulerQueue
        • 举个例子
      • 八、Vuex 状态管理的工作原理
        • 为什么要使用 Vuex
        • 安装
        • Store
        • 最后
    • vue响应式原理模拟
    • vue状态管理之vuex
    • 理解Vue的设计思想及实现Vue
    • diff算法深入
    • Vue3初探响应式原理.
    • vue2源码分析
    • vue组件化实践
  • React

  • Webpack

  • Node

  • Javascript

  • 综合

完整面试题地址:
作者:程序员poetry
扫码关注作者公众号:「前端进阶之旅」 每天分享技术干货
前端进阶之旅公众号二维码

剖析 Vue 内部运行机制|原理篇

正在加载内容...
fe
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
AI 面试
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
AI 热点
开发者导航
  • Vue

    • 从源码解读Vue生命周期
    • 组件的本质
    • 有状态组件的设计
    • 设计 VNode
    • 辅助创建 VNode 的 h 函数
    • 自定义渲染器和异步渲染
    • 渲染器之挂载
    • 渲染器的核心 Diff 算法
    • 渲染器之patch
    • 图解 Vue 响应式原理
    • 图解 Vue 异步更新
    • 剖析 Vue 内部运行机制
      • 一、Vue.js 运行机制全局概览
        • 全局概览
        • 初始化及挂载
        • 编译
        • 响应式
        • Virtual DOM
        • 更新视图
        • 再看全局
      • 二、响应式系统的基本原理
        • 响应式系统
        • Object.defineProperty
        • 实现 observer(可观察的)
      • 三、响应式系统的依赖收集追踪原理
        • 订阅者 Dep
        • 观察者 Watcher
        • 依赖收集
        • 小结
      • 四、实现 Virtual DOM 下的一个 VNode 节点
        • 什么是VNode
        • 实现一个VNode
      • 五、template 模板是怎样通过 Compile 编译的
        • Compile
        • parse
        • 正则
        • advance
        • stack
        • parseEndTag
        • parseText
        • processIf与processFor
        • optimize
        • generate
      • 六、数据状态更新时的差异 diff 及 patch 机制
        • 数据更新视图
        • 跨平台
        • 一些API
        • patch
        • sameVnode
        • patchVnode
        • updateChildren
      • 七、批量异步更新策略及 nextTick 原理
        • 为什么要异步更新
        • nextTick
        • 再写 Watcher
        • queueWatcher
        • flushSchedulerQueue
        • 举个例子
      • 八、Vuex 状态管理的工作原理
        • 为什么要使用 Vuex
        • 安装
        • Store
        • 最后
    • vue响应式原理模拟
    • vue状态管理之vuex
    • 理解Vue的设计思想及实现Vue
    • diff算法深入
    • Vue3初探响应式原理.
    • vue2源码分析
    • vue组件化实践
  • React

  • Webpack

  • Node

  • Javascript

  • 综合