vue源码

嗨，让我带你逐行剖析Vue.js源码

Hello，大家好，我最近在github上做一个关于Vue源码的开源项目，项目内容是：利用工作之余时间逐行剖析Vuejs源码，将Vuejs源码分为九大模块，逐个击破，希望能帮助到更多的Vue初学者。
难凉热血，码梦为生！·2020-01-03 10:00

vue源码解读（三）Vuex源码解析：Store构造类详解

欢迎star我的github仓库，共同学习~目前vue源码学习系列已经更新了6篇啦~https://github.com/yisha0307/...快速跳转：Vue的双向绑定原理（已完成）说说vue中的
yisha0307·2020-01-03 02:00

Vue源码分析(2)--从一个实例开始

前言本文是vue2.x源码分析的第二篇，主要讲解Vue初始化过程！1、贯穿全文的例子：Vue{{message}}varapp=newVue({el:'#app',name:'app',mixins:{beforeCreate(){console.log('beforeCreate-1');}}props:['header-value'],data:{message:'hello'},before
风之化身呀·2020-01-02 01:20

Vue源码分析（3）-- mergeOptions上篇

上一篇以init方法为入口，介绍了Vue实例化的过程。写的过程中觉得mergeOptions是一个重点，需要拉出来单独写一篇。不看懂mergeOption这个方法，在newVue的过程中，参数到底是怎么合并到实例中去的，至少我是还有疑问的。也就是说，下面的两个选项el以及data到底在初始化的过程中经历了什么，我想要搞清楚。newVue({el:'#app',data:{msg:'hello'}}
Esa小喵·2020-01-01 16:35

Vue源码解析准备篇

说来惭愧，最早看的第一遍时对Flow不了解，因此阅读的是打包之后的vue文件，大家可以想象这过程的痛苦，没有类型的支持，看代码时摸索了很长时间，所以我们这次对Vue源码的剖析是Flow版本的源码，也就是从
海洋之木·2020-01-01 09:09

vue源码解读（二）说说vue中的Virtual DOM

欢迎star我的github仓库，共同学习~目前vue源码学习系列已经更新了5篇啦~https://github.com/yisha0307/...快速跳转：Vue的双向绑定原理（已完成）说说vue中的
yisha0307·2019-12-31 09:30

Vue 源码学习：入口、数据响应化、虚拟DOM

Vue源码学习newVue()入口src\platforms\web\entry-runtime-with-compiler.js扩展$mountsrc\platforms\web\runtime\index.js
Twoold·2019-12-31 02:01

[Vue源码]一起来学Vue模板编译原理（二）-AST生成Render字符串

本文我们一起通过学习Vue模板编译原理（二）-AST生成Render字符串来分析Vue源码。预计接下来会围绕Vue源码来整理一些文章，如下。
小磊哥er·2019-12-30 20:00

[Vue源码]一起来学Vue模板编译原理（二）-AST生成Render字符串

本文我们一起通过学习Vue模板编译原理（二）-AST生成Render字符串来分析Vue源码。预计接下来会围绕Vue源码来整理一些文章，如下。
小磊哥er·2019-12-30 20:00

[Vue源码]一起来学Vue双向绑定原理-数据劫持和发布订阅

有一段时间没有更新技术博文了，因为这段时间埋下头来看Vue源码了。本文我们一起通过学习双向绑定原理来分析Vue源码。预计接下来会围绕Vue源码来整理一些文章，如下。
小磊哥er·2019-12-30 10:00

[Vue源码]一起来学Vue双向绑定原理-数据劫持和发布订阅

有一段时间没有更新技术博文了，因为这段时间埋下头来看Vue源码了。本文我们一起通过学习双向绑定原理来分析Vue源码。预计接下来会围绕Vue源码来整理一些文章，如下。
小磊哥er·2019-12-30 10:00

[Vue源码]一起来学Vue模板编译原理(一)-Template生成AST

本文我们一起通过学习Vue模板编译原理(一)-Template生成AST来分析Vue源码。预计接下来会围绕Vue源码来整理一些文章，如下。
小磊哥er·2019-12-30 10:00

[Vue源码]一起来学Vue模板编译原理(一)-Template生成AST

本文我们一起通过学习Vue模板编译原理(一)-Template生成AST来分析Vue源码。预计接下来会围绕Vue源码来整理一些文章，如下。
小磊哥er·2019-12-30 10:00

[Vue源码]一起来学Vue模板编译原理（二）-AST生成Render字符串

本文我们一起通过学习Vue模板编译原理（二）-AST生成Render字符串来分析Vue源码。预计接下来会围绕Vue源码来整理一些文章，如下。
小磊哥er·2019-12-30 02:35

[Vue源码]一起来学Vue模板编译原理(一)-Template生成AST

本文我们一起通过学习Vue模板编译原理(一)-Template生成AST来分析Vue源码。预计接下来会围绕Vue源码来整理一些文章，如下。
小磊哥er·2019-12-30 02:04

[Vue源码]一起来学Vue双向绑定原理-数据劫持和发布订阅

有一段时间没有更新技术博文了，因为这段时间埋下头来看Vue源码了。本文我们一起通过学习双向绑定原理来分析Vue源码。预计接下来会围绕Vue源码来整理一些文章，如下。
小磊哥er·2019-12-30 02:04

vue源码解读（一）Observer/Dep/Watcher是如何实现数据绑定的

介绍欢迎star我的github仓库，共同学习~目前vue源码学习系列已经更新了4篇啦~https://github.com/yisha0307/...最近在学习vue和vuex的源码，记录自己的一些学习心得
yisha0307·2019-12-30 02:30

Vue源码分析—前置知识

在分析Vue的源码之前我们需要了解一些前置知识，如Flow、源码目录、构建方式、编译入口等。认识FlowFlow是facebook出品的JavaScript静态类型检查工具。Vue.js的源码利用了Flow做了静态类型检查，所以了解Flow有助于我们阅读源码。为什么用FlowJavaScript是动态类型语言，它的灵活性有目共睹，但是过于灵活的副作用是很容易就写出非常隐蔽的隐患代码，在编译期甚至看
oWSQo·2019-12-30 01:42

Vue源码解析（2）

上一篇分析道_init()方法就是Vue调用的第一个方法，也是Vue构造函数最核心的方法，那么通过_init()，我们会得到一个怎么样的Vue实例？这一篇分析看看。_init定义先，我们找到这个_init方法的定义，来自src/core/instance/init.js：Vue.prototype._init=function(options?:Object){constvm:Component=
Esa小喵·2019-12-29 05:37

Vue工作原理&实现双向绑定MVVM

1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现，本文相关代码主要摘自vue源码,并进行了简化改造，相对较简陋，并未考虑到数组的处理、数据的循环依赖等
老枪_·2019-12-28 22:33

vue源码解读 -- 双向绑定

在vue源码解读--整体架构一文中，我们已经分析vue的基本运行机制，本文就不再对这些方面的内容进行展开。一个
狐尼克朱迪·2019-12-25 20:30

element 源码学习一 —— 认识框架

Vue源码还将继续更新。好，现在我们开始学习element——最受欢迎的VueUI框架。package.json我觉得要看一个前端项目，首先必须得看看package.json这个文件。
VioletJack·2019-12-25 06:57

2018-10-17

4、vue源码文章完成2个分节内容，发布到github上。vue源码阅读文章核心部分已经写完大部分，还剩下Watcher部分。思考在做任何事情都需要用心，写文章总结复盘的时候更加如此。因为你的总
Alee文润·2019-12-24 20:20

从源码切入Vue双向绑定原理，并实现一个demo

本文涉及源码版本为2.6.9准备工作down一份Vue源码，从package.json入手，找我们需要的代码1、package.json中的scripts，"build":"nodescripts/build.js
cvSoldier·2019-12-24 10:22

vue文档集合

（组件间通讯）EventBus在Vue中的使用vue-cli#2.0webpack配置分析vue2.0api文档webpack配合vue.js实现完整的单页面demovuedemo整理含react资料vue
pauljun·2019-12-24 05:51

vue源码之纯函数缓存

先欣赏一段大神解释函数缓存的目的在于：将处理过的数据缓存，减少函数执行次数，提升前端程序性能。最关键代码：returncache[str];||(cache[str]=fn(str))传统的数据处理，每次都需要经过函数。functiontradition(str){returnstr.charAt(0).toUpperCase()+str.slice(1)}varfoo=tradition("Fr
趁你还年轻233·2019-12-19 15:15

[vue源码心得：2] 解析模板正则 ： 解析标签属性

/^\s*([^\s"'`]+)))?/这个正则有点长，1先说\s*([^\s"'\/=]+取排除字符组之外的字符作为“属性名”，这就是捕获属性名的过程2再说(?:\s*(=)\s*，?:指的是非捕获组。这段意思是说=号前后可以有空格或其他空白字符。3第三段就比较有意思了，属性值支持三种格式"xxx"，'xxx'，和xxx4"([^"]*)"是匹配两个"之内任何不是"的字符，同理'([^']*)'
代码柳书·2019-12-18 13:34

3.vue源码分析——组件化

组件化是vue中另一个核心思想所谓组件化就是把页面拆分成多个组件每个组件依赖的cssjs模板图片等资源放在一起开发维护组件是资源独立的组件在系统内部可以复用组件和组件之间可以相互嵌套1.createComponent上一篇我们了解了普通vnode的生成现在我们来看看组件vnode的创建依然是通过_createElement函数创建里面会做一层判断得知是组件时调用createComponent方法此
function-maize·2019-12-18 11:49

Vue.js响应式原理

在学习过程中，为Vue加上了中文的注释answershuto/learnVue，希望可以对其他想学习Vue源码的小伙伴有所帮助。可能会有理解存在偏差的地方，欢迎提issue指出，共同学习，共同进步。
染陌同学·2019-12-17 12:37

Vue源码学习（二）之 找到Vue

寻找Vue的入口src/platforms/web/entry-runtime-with-compiler文件,它虽然exportdefaultVue,但是先从./runtime/indeximport了VueimportVuefrom'./runtime/index'runtime/index从core/index中import了VueimportVuefrom'core/index'core/
Love小六六·2019-12-16 22:25

1. vue源码分析——准备工作

本次源码分析的vue版本为2.x版本在分析vue源码之前我们需要先准备一些必要的知识这样看源码时才不会出现一些疑惑下面我们进入正题1.认识flow我们都知道js是动态类型语言它的灵活性有目共睹但这也意味着我们在写
function-maize·2019-12-16 14:53

关于get,set的一点学习 2019-07-03

读Vue源码阅读前必须知道javascript的基础内容的时候遇到这个东西,就简单测了一下1.原型上定义的get,set会影响实例嘛?
wudimingwo·2019-12-16 00:43

5分钟通读vue源码架构

下载去github上下载Vuenpminstallnpmrundev运行起来rollup+flowvue使用使用rollup打包，flow规范数据类型rollup可以先用webpack套用，读起来差不多，时间有限，毕竟只有5分钟，这个就不用去看rollup文档了入口打开package.json我们看scripts配置"dev":"rollup-w-cscripts/config.js--envir
织雪纱奈·2019-12-15 19:35

Vue源码解析（五）之 mountComponent

Vue.prototype.$mount由上篇分析可知，我们将render函数挂载到options后调用了mount函数，这个函数在开始就定义了，实际上为Vue.prototype.$mount函数这个原型上的$mount函数从何而来呢，在platforms/web/runtime/index.js中有定义,我们会发现这个函数实际上是去调用了mountComponent方法Vue.prototyp
Love小六六·2019-12-15 05:32

Vue源码解析（四）之 $mount 做了什么

$mount做了什么前面我们提到过，我们的demo在执行完vm.$mount(vm.$options.el)就把hello渲染到了页面上,那这个过程发生了什么呢我们先看下entry-runtime-with-compiler.js,其中定义了$mount方法constmount=Vue.prototype.$mountVue.prototype.$mount=function(el?:string
Love小六六·2019-12-14 23:22

React16.8源码解析----API概览 + React.Children 解析

最近闲来无事，研究一波React源码，一开始是以Vue源码起步的，结果发现我对Vue实在是不熟悉，看Vue源码还不够格，相比而言，我更喜欢React，可能是因为第一个学的框架学的就是React，所以对React
SmailEvery·2019-12-14 13:43

ZooTeam 前端周刊｜第 60 期

政采云前端小报第60期浏览更多往期小报，请访问：https://weekly.zoo.team学习vuex源码整体架构，打造属于自己的状态管理库文章比较详细地介绍了vuex、vue源码调试方法和Vuex
政采云前端团队·2019-12-14 13:09

2017百度前端技术学院——vue源码分析之——动态数据绑定一

一、Object.keys()Object.keys()方法会返回一个由给定对象的所有可枚举自身属性的属性名组成的数组，数组中属性名的排列顺序和使用(forin)循环遍历该对象时返回的顺序一致(顺序一致不包括数字属性)（两者的主要区别是for-in还会遍历出一个对象从其原型链上继承到的可枚举属性）。letobj={name:'dailu',age:123,sex:"female"}console.
起这么长的名字根本没有用·2019-12-13 18:07

盘点Vue源码中用到的工具函数

以下摘取的函数，在shared目录下公用的工具方法。文件在util.js中，githu地址。提取了一些常用通用的函数进行剖析，主要包含以下内容：创建一个被冻结的空对象判断是否是undefined或null判断是否不是undefined和null判断是否是原始类型判断是否是对象类型判断有效的数组下标判断是否是一个Promise对象删除数组中指定元素用做缓存的高阶函数递归判断一个对象是否和另个一个对象
戎马·2019-12-13 06:41

自省

首先，前端基础（HTML+CSS3+JavaScript+jQuery），其次，webpack构建工具、vue框架，还想研习vue源码，提高自己，然而在看vue源码的时候，又必须先学会一点TypeScrip
骑着蜗牛追飞机_f7fa·2019-12-12 16:19

Vue 源码阅读前必须知道 javascript 的基础内容

在探究vue源码之前，必须了解以下几点javascript的基本内容，通过了解这些内容，你可以更加轻松的阅读vue源码。
Mark·2019-12-12 01:31

vue——webpack打包小解

QQ1285575001WechatM010527技术交流QQ群599020441纪年科技aming前端构建工具前端资源编译打包输出jscsswebpack配置有毒vue源码资源打包-webpack编译
amingMM·2019-12-08 11:19

vue源码学习--响应式原理

使用Vue.js已经有一段时间了，为了更好的理解它的原理，最近在理解Vue.js的源码，Vue.js上手比较简单。Vue.js的响应式原理依赖Object.definePropperty,这也是Vue不支持ie8一下版本的原因，Vue通过设定对象属性的setter/getter方法来监听数据的变化，通过getter进行依赖收集，而每个setter方法就是一个观察者，数据变化的时候通知订阅者更新视图
我是灰灰的小跟班·2019-12-07 21:09

Vue源码学习之二：监听数组变化

上一篇的代码中，忽略了对数组的处理，只关心了需要关心的部分，假装数组不存在。这一篇开始考虑数组的问题。从最简单的入手先考虑一个问题，如何监听数组中的对象变化？忽略掉数组本身及其中的一般值，只考虑对象数组中的对象。遍历数组，而后对数组中的每个对象调用observe方法//上一篇中出现的未曾重写的代码，这一篇中不再重复varObserver=functionObserver(value){this.v
duiel·2019-12-07 18:29

vue实例化过程

主要代码执行时序图如下所示：在vue源码中，vue构造函数的定义是在/src/core/instance下，入口文件index.js中，定义了Vue的构造方法，具体代码如下
Gerryli·2019-12-07 16:00

Vue源码学习（一）之目录结构和构建

flow为什么使用FlowJavaScript是动态类型语言，因此使用Flow做静态类型检查，在编译期间发现类型错误引起的bug类型检查类型推断：通过变量的上下文推断出变量类型类型注释：事先注释好我们期待的类型，Flow会基于这些注释来判断目录结构├──build---------------------------------构建相关的文件，一般情况下我们不需要动├──dist---------
Love小六六·2019-12-06 14:12

解析vue2.x源码之Object与Array的变化侦测

首先我们需要先了解Vue源码中的三个类：一、ObserverObserver类负责将复杂类型的变量转化成响应式数据，转化为响应式数据的变量都会带有'_
前端小白 - GavinWu·2019-12-06 00:11

Vue初始化过程

用vue也有一两年了，始终对vue一知半解，不怎么了解内部的执行过程，最近在看vue源码，还是不少收获的，其中不乏浏览器事件轮询机制、闭包、设计模式等，还是非常值得一读。
Gerryli·2019-12-05 19:00

[Vue.js进阶]从源码角度剖析 Vuex

image前言之前几篇解析Vue源码的文章都是完整的分析整个源码的执行过程，这篇文章我会将重点放在核心原理的解析，不会具体解释每个函数的执行顺序，调用栈情况完整源码地址有兴趣的朋友也可以看我学习源码时的详细注释源码地址
心_c2a2·2019-11-29 23:02

vue源码讲解系列之二------ render()函数、VNode虚拟节点的实现

上一篇我们大概了解了vuejs在创建vue实例(newVue())时候所需经历的主要过程，其中包括data、method、render等初始化。(有讲错的地方或者觉得说得不好的地方还请广大麻油们指正)。接下来我们来了解一下render过程主要干了什么。首先找到render.js,render.js一开始是导出initRender方法，定义了一些变量往vm上添加了一些属性，还分别添加了私有的和公有的
hello，是翠花呀·2019-11-18 19:10
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他