文章 2023-04-24 来自:开发者社区

Vue(v2.6.11)万行源码生啃,就硬刚!(下)

$stringUtil.substring( $!{XssContent1.description},200)...

Vue(v2.6.11)万行源码生啃,就硬刚!(下)
文章 2023-04-24 来自:开发者社区

Vue(v2.6.11)万行源码生啃,就硬刚!(上)

前言源码阅读可能会迟到,但是一定不会缺席!众所周知,以下代码就是 vue 的一种直接上手方式。通过 cdn 可以在线打开 vue.js。一个文件,一万行源码,是万千开发者赖以生存的利器,它究竟做了什么?让人品味。<html> <head></head> <b...

Vue(v2.6.11)万行源码生啃,就硬刚!(上)
文章 2023-04-24 来自:开发者社区

Vue(v2.6.11)万行源码生啃,就硬刚!(中)

$stringUtil.substring( $!{XssContent1.description},200)...

Vue(v2.6.11)万行源码生啃,就硬刚!(中)
文章 2023-04-20 来自:开发者社区

从 vue 源码看问题 —— vue 中如何进行 patch ?(三)

updateChildren()/* diff 过程: diff 优化: 1. 四种假设: newStart === oldStart newEnd === oldEnd ...

文章 2023-04-20 来自:开发者社区

从 vue 源码看问题 —— vue 中如何进行 patch ?(一)

前言当组件进行更新时,new Watcher(vm, updateComponent, ...) 中的 updateComponent 方法会被执行,而更新时的 updateComponent 方法如下:// 负责更新组件 updateComponent = () => { // 执行 _update 进入更新阶段,...

从 vue 源码看问题 —— vue 中如何进行 patch ?(一)
文章 2023-04-20 来自:开发者社区

从 vue 源码看问题 —— vue 中的 render helper 是什么?(三)

extractPropsFromVNodeData() 方法文件位置:/src/core/vdom/helpers/extract-props.js/** * <comp msg="hello vue"></comp> * * 提取 props,得到 res[key] = val * 以 props ...

文章 2023-04-20 来自:开发者社区

从 vue 源码看问题 —— vue 中的 render helper 是什么?(一)

前言前面的文章中提到组件更新时,需要先执行编译器生成的 渲染函数 得到组件的 vnode,而 渲染函数 生成 vnode 则是通过其中的 _c、_l、、_v、_s 等方法实现的. 比如:普通节点 被编译成了可执行 _c 函数v-for 节点被编译成了可执行的 _l 函数... 那么下面就一起来了解一下,什么是 render helper ?...

从 vue 源码看问题 —— vue 中的 render helper 是什么?(一)
文章 2023-04-20 来自:开发者社区

从 vue 源码看问题 —— vue 编译器如何生成渲染函数?(下)

genData() 方法文件位置:src\compiler\codegen\index.js/* 处理节点上的众多属性,最后生成这些属性组成的 JSON 字符串, 比如 data = { key: xx, ref: xx, ... } */ export function genData(el: ASTElement, state: C...

文章 2023-04-20 来自:开发者社区

从 vue 源码看问题 —— 你知道 Hook Event 吗?

前言在之前的几篇文章中,都有提到 vue 中调用生命周期钩子时是通过 callHook() 方法进行调用的,比如在初始化篇章中调用 beforeCreate 和 created 生命周期钩子方式如下:那么接下来一起来了解下到底什么是 Hook Event ?Hook Event是什么?Hook Event 在 vue 的官方文档中并没有提及...

从 vue 源码看问题 —— 你知道 Hook Event 吗?
文章 2023-04-20 来自:开发者社区

从 vue 源码看问题 —— vue 中的实例方法你学废了吗?

前言上一篇了解了 vue 全局 api 的相关内容,为了有更好的对比,本篇一起来看看 vue 中的实例方法吧!深入源码index.js —— 入口文件根据前面几篇文章的内容可以很容易知道,vue 实例方法的文件入口位置为:src\core\instance\index.jsimport { initMixin } from &...

从 vue 源码看问题 —— vue 中的实例方法你学废了吗?

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注