当前位置:首页>资源>课程>[淘课程] Vue.js 3.0 核心源码解析课程

[淘课程] Vue.js 3.0 核心源码解析课程

淘淘宅课程出品,必属精品,关注公众号 [淘淘宅] 获取最新资源。

在过去的几年里,Vue、React、Angular 一直是国内前端的三大主流框架。在 2019 年 Vue 就像一匹黑马力压群雄,独占前端er 的宠爱,Github Star 排名荣登第一也反映了国内开发者对 Vue 的喜爱。

最近,Vue 的作者尤雨溪在 Github 上介绍了 Vue 3.0 的最新进展,目标发布日期是 7 月中旬发布 RC 版本,8 月初发布正式版,也就是说 Vue 3.0 就在眼前!

专栏解读
专栏将对 Vue.js 3.0 的框架源码进行系统、细致地分析。 深入到内核剖析实现原理,探究源码背后的设计思想。一方面帮你夯实 Vue.js 开发技能,一方面帮你理解源码分析的方式与编程思路,为你从底层逻辑理解优秀框架背后的技术思想。

专栏主要分为以下3个部分:

第一部分核心模块,这个部分会带你去分析 Vue.js 3.0 最核心的组件的实现原理以及 Vue.js 3.0 新特性 Composition API 的实现原理。掌握这个部分,可以让你对组件如何渲染和更新能有深刻的理解,并掌握 Composition API 背后的实现原理和应用场景。

第二部分进阶模块,这个部分会带你分析 Vue.js 3.0 模板的编译和优化过程。带你了解 Vue.js 是如何编译模板并生成代码的,以及编译过程背后的性能优化思想是怎样的。

第三部分扩展模块,将带你分析 Vue.js 3.0 的内置组件的实现原理、Vue.js 3.0 一些实用特性的实现原理以及 Vue.js 3.0 官方生态实现原理。经过学习,你可以了解这些功能的实现原理和职责边界,在平时工作中应用起来更加得心应手。

在学习这门课程后,不仅可以了解 Vue.js 3.0 核心实现原理,还能一定程度地了解背后的设计思想。源码中一些好的编程思路和优秀的代码可以吸收来为自己的工作所用,修炼内功,提升技术能力。

讲师简介
黄轶(ustbhuangyi) Zoom 前端架构师,前百度、滴滴资深技术专家

现任 Zoom 前端架构师,主要负责推进前后端分离架构方案和 Zoom 自研组件库,不仅将Vue.js 带入 Zoom,而且通过魔改 Vue.js 源码开发了 Vue.js 2.x 的 CSP 兼容版本,并稳定服务于几十个用 Vue.js 做增强开发的页面。之前,他先后在百度和滴滴担任前端资深技术专家,并曾使用 Vue.js 重构了滴滴出行WebApp,主导开发 Vue.js 开源组件库 cube-ui。

课程目录

/326_Vue.js 3.0 核心源码解析 [3.7G]
├──导读 一文看懂 Vue.j 3.0 的优化_4054 [169.6M]
│ └──导读 一文看懂 Vue.j 3.0 的优化.mp4 [169.6M]
├──结束语 终点也是起点_4743 [38.3M]
│ └──结束语 终点也是起点.mp4 [38.3M]
├──开篇词 解析 Vue.j 源码,提升编码能力_4053 [115.1M]
│ └──开篇词 解析 Vue.j 源码,提升编码能力.mp4 [115.1M]
├──模块二导读 逻辑复用最佳实践:Compoition API_4242 [14.2M]
│ └──模块二导读 逻辑复用最佳实践:Compoition API.mp4 [14.2M]
├──模块三导读 编译和优化:了解编译过程和背后的优化思想_4505 [15.7M]
│ └──模块三导读 编译和优化:了解编译过程和背后的优化思想.mp4 [15.7M]
├──模块四导读 实用特性:探索更多实用特性背后的原理_4741 [4.9M]
│ └──模块四导读 实用特性:探索更多实用特性背后的原理.mp4 [4.9M]
├──模块五导读 内置组件:学习 Vue 内置组件的实现原理_4742 [6.1M]
│ └──模块五导读 内置组件:学习 Vue 内置组件的实现原理.mp4 [6.1M]
├──模块一导读 组件的实现:直击 Vue 核心的实现_4078 [15.7M]
│ └──模块一导读 组件的实现:直击 Vue 核心的实现.mp4 [15.7M]
├──特别放送导读 研究 Vue 官方生态的实现原理_4072 [10.4M]
│ └──特别放送导读 研究 Vue 官方生态的实现原理.mp4 [10.4M]
├──01 组件渲染:vnode 到真实 DOM 是如何转变的?_4055 [258.1M]
│ └──01 组件渲染:vnode 到真实 DOM 是如何转变的?.mp4 [258.1M]
├──02 组件更新:完整的 DOM diff 流程是怎样的?(上)_4056 [133.4M]
│ └──02 组件更新:完整的 DOM diff 流程是怎样的?(上).mp4 [133.4M]
├──03 组件更新:完整的 DOM diff 流程是怎样的?(下)_4057 [215.9M]
│ └──03 组件更新:完整的 DOM diff 流程是怎样的?(下).mp4 [215.9M]
├──04 Setup:组件渲染前的初始化过程是怎样的?_4058 [245.9M]
│ └──04 Setup:组件渲染前的初始化过程是怎样的?.mp4 [245.9M]
├──05 响应式:响应式内部的实现原理是怎样的?(上)_4059 [143.9M]
│ └──05 响应式:响应式内部的实现原理是怎样的?(上).mp4 [143.9M]
├──06 响应式:响应式内部的实现原理是怎样的?(下)_4245 [168.2M]
│ └──06 响应式:响应式内部的实现原理是怎样的?(下).mp4 [168.2M]
├──07 计算属性:计算属性比普通函数好在哪里?_4060 [104.8M]
│ └──07 计算属性:计算属性比普通函数好在哪里?.mp4 [104.8M]
├──08 侦听器:侦听器的实现原理和使用场景是什么?(上)_4061 [139.9M]
│ └──08 侦听器:侦听器的实现原理和使用场景是什么?(上).mp4 [139.9M]
├──09 侦听器:侦听器的实现原理和使用场景是什么?(下)_4343 [120.8M]
│ └──09 侦听器:侦听器的实现原理和使用场景是什么?(下).mp4 [120.8M]
├──10 生命周期:各个生命周期的执行时机和应用场景是怎样的?_4062 [152.8M]
│ └──10 生命周期:各个生命周期的执行时机和应用场景是怎样的?.mp4 [152.8M]
├──11 依赖注入:子孙组件如何共享数据?_4063 [96.5M]
│ └──11 依赖注入:子孙组件如何共享数据?.mp4 [96.5M]
├──12 模板解析:构造 AST 的完整流程是怎样的?(上)_4064 [116.6M]
│ └──12 模板解析:构造 AST 的完整流程是怎样的?(上).mp4 [116.6M]
├──13 模板解析:构造 AST 的完整流程是怎样的?(下)_4491 [62M]
│ └──13 模板解析:构造 AST 的完整流程是怎样的?(下).mp4 [62M]
├──14 AST 转换:AST 节点内部做了哪些转换?(上)_4065 [102.6M]
│ └──14 AST 转换:AST 节点内部做了哪些转换?(上).mp4 [102.6M]
├──15 AST 转换:AST 节点内部做了哪些转换?(下)_4492 [124.9M]
│ └──15 AST 转换:AST 节点内部做了哪些转换?(下).mp4 [124.9M]
├──16 生成代码:AST 如何生成可运行的代码?(上)_4066 [83M]
│ └──16 生成代码:AST 如何生成可运行的代码?(上).mp4 [83M]
├──17 生成代码:AST 如何生成可运行的代码?(下)_4493 [137.4M]
│ └──17 生成代码:AST 如何生成可运行的代码?(下).mp4 [137.4M]
├──18 Prop:Prop 的初始化和更新流程是怎样的?_4067 [139.7M]
│ └──18 Prop:Prop 的初始化和更新流程是怎样的?.mp4 [139.7M]
├──19 插槽:如何实现内容分发?_4068 [89.4M]
│ └──19 插槽:如何实现内容分发?.mp4 [89.4M]
├──20 指令:指令完整的生命周期是怎样的?_4069 [91.4M]
│ └──20 指令:指令完整的生命周期是怎样的?.mp4 [91.4M]
├──21 v-model:双向绑定到底是怎么实现的?_4070 [98.7M]
│ └──21 v-model:双向绑定到底是怎么实现的?.mp4 [98.7M]
├──22 Teleport 组件:如何脱离当前组件渲染子组件?_4071 [71.4M]
│ └──22 Teleport 组件:如何脱离当前组件渲染子组件?.mp4 [71.4M]
├──23 KeepAlive 组件:如何让组件在内存中缓存和调度?_4073 [105.4M]
│ └──23 KeepAlive 组件:如何让组件在内存中缓存和调度?.mp4 [105.4M]
├──24 Tranition 组件:过渡动画的实现原理是怎样的?(上)_4074 [56.8M]
│ └──24 Tranition 组件:过渡动画的实现原理是怎样的?(上).mp4 [56.8M]
├──25 Tranition 组件:过渡动画的实现原理是怎样的?(下)_4784 [109.8M]
│ └──25 Tranition 组件:过渡动画的实现原理是怎样的?(下).mp4 [109.8M]
├──26 Vue Router:如何实现一个前端路由?(上)_4075 [191.1M]
│ └──26 Vue Router:如何实现一个前端路由?(上).mp4 [191.1M]
└──27 Vue Router:如何实现一个前端路由?(下)_4076 [84.9M]
└──27 Vue Router:如何实现一个前端路由?(下).mp4 [84.9M]

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载
  • 其他用户
    办理会员后下载

查看演示

  • {{attr.name}}:
您当前等级为
登录后免费下载登录 黑名单用户禁止下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)已用完,明日重置 支付积分以后下载立即支付 支付以后下载立即支付 您当前用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余
重要声明

本站资源均来自网络分享,仅用于站内学习或测试研究使用。如有侵犯您的权益请私信留言,我们会第一时间审核。未经原版权作者许可,禁止用于任何商业途径,请在下载二十四小时内删除!


如果遇到需要升级才可获取的素材,建议升级对应的权限。 全站 90% 以上的素材“均有备份”。 本站资源均以主流网盘分享,以 7z、rar、分卷等常见的格式压缩,为防止有人压缩软件不支持 7z 格式,7z 解压,建议下载 7-zip,zip、rar 解压,建议下载 WinRAR 手机下载解压教程详见 帮助中心 。

课程

[淘课程] 前端工程化精讲,一站攻克前端效率工程化难题

2022-10-11 17:30

课程

[淘课程] 入门必备,漫画线稿之动漫绘画课程

2022-10-11 17:50

1 条回复 A文章作者 M管理员
个人中心
今日签到
有新私信 私信列表
站内搜索