vue源码

vue源码分析-从new Vue开始

初学vue，你得知道我们是从newVue开始的：newVue({el:'#app',data:obj,...})那你觉得是不是很有意思，咱们newVue之后，就可以使用他那么多的功能,可见Vue是暴出来的一个一个功能类函数，我们进入源码一探究竟：importVuefrom'./instance/index'import{initGlobalAPI}from'./global-api/index'/
·2023-02-24 08:13

怎么查看vue源码

有很多同学和我一样使用一段时间vue框架后，对它的源码就有了兴趣但是不知道在哪里找vue.js源码随意创建一个vue项目，或者已有项目，找到根路径平级的node_modules文件夹，往下拉，拉多一下，在文件夹尾巴一截的地方就能找到vue了。
好多吃的啊·2023-02-22 08:01

Vue源码解析-分部解读以及理解

开始一步一步解析vue源码，彻底搞懂它。vue.js是一套构建用户界面的渐进式框架，其轻量，易学受到许多开发者的喜爱。了解源码，有助于我们深刻理解vue。知其然知其所以然，是每个工程师进阶的必经之路。
HTAO濤·2023-02-18 07:33

vue源码解析（二）

先决条件需要能够熟悉使用vue，了解vue属性和方法。带着问题去看源码熟悉ES6或者Typescript语法确定源码的版本，我看的是2.6.12问题vue在初始化的时候都做了什么事情？vue的初始化上个章节我们知道了vue源代码的入口文件src/platforms/web/entry-runtime.js。importVuefrom'core/index'importconfigfrom'core
jieniz·2023-02-07 04:33

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

以下摘取的函数，在shared目录下公用的工具方法。文件在util.js中，githu地址。提取了一些常用通用的函数进行剖析，主要包含以下内容：1.创建一个被冻结的空对象2.判断是否是undefined或null3.判断是否不是undefined和null4.判断是否是原始类型5.判断是否是对象类型6.判断有效的数组下标7.判断是否是一个Promise对象8.删除数组中指定元素9.用做缓存的高阶函
YollyTo·2023-02-06 21:58

2018-10-29 Vue源码解析阅读笔记

组件更新新旧节点不同的更新流程是创建新节点->更新父占位符节点->删除旧节点；而新旧节点相同的更新流程是去获取它们的children，根据不同情况做不同的更新逻辑。
Jerryli_720·2023-02-05 16:10

用 Vue 编写抽象组件

看过Vue源码的同学可以知道，、、等组件组件的实现是一个对象，注意它有一个属性abstract为true，表明是它一个抽象组件。
shellming·2023-02-05 06:34

Vue源码解析-Vue和实例对象

先看一下源码中关于Vue函数的定义（稍稍简化），摘自Vue2.6.11。functionVue(options){if(!(thisinstanceofVue)){warn('Vueisaconstructorandshouldbecalledwiththe`new`keyword');}this._init(options);//调用Vue.prototype._init函数，this指向的就是
kruz·2023-02-03 21:42

Vue源码05-mount

我们在各种初始化都完成的情况下开始Vue挂载if(vm.$options.el){vm.$mount(vm.$options.el)//调用的是web/entry-runtime-with-compiler.js}mount函数//runtime/index.js运行时的$mountVue.prototype.$mount=function(el?:string|Element,hydrating
熊少年·2023-02-03 15:00

Vue源码分析-项目结构分析

项目结构：scripts:包含与构建相关的脚本和配置文件。scripts/alias.js:模块导入别名用于所有源代码和测试。scripts/config.js:包含在中找到的所有文件的构建配置dist/.如果要查找dist文件的条目源文件，检查此文件dist:包含用于分发的构建文件flow:包含flow的类型声明。这些声明是全局加载的，将在普通源代码中看到它们在类型注释中使用。packages:
程序员清欢·2023-02-02 08:35

Vue源码02-静态方法和mergeOptions

通过上节我们对Vue的流程有了一个大概的了解，这节我们将进一步分析Vue的静态方法Vue.use在我们写Vue项目的时候，应该都会用到这个东西，它的作用只有一个就是给我项目注册插件Vue.use=function(plugin:Function|Object){constinstalledPlugins=(this._installedPlugins||(this._installedPlugin
熊少年·2023-01-31 16:31

精品文章收藏

makeDown语法markdown基本语法前端cache概述一文读懂前端缓存vue源码解析vue源码解析instanceof与isPrototypeOf的区别instanceof与isPrototypeOf
逛简书的小强·2023-01-31 12:22

vue2.x 源码--重写数组方法实现监听

vue源码简单实现代码varinterception=["push","pop","shift","unshift","splite","sort"];vararrayProto=Array.prototype
莫道 开发·2023-01-31 02:16

准备工作(持续更新)

引言:那么从这一章开始，我们即将分析vue源码，我们将会介绍一些前置知识如flow、源码目录、构建方法、编译入口等。
壹贰是只猫·2023-01-28 21:36

前端跳槽面试必备技巧

---jq的博客总结2、vue源码--网上源码分析博客3、遇到过什么问题？怎么解决的？思路是什么？
lv叁叁·2023-01-28 19:16

Vue源码解读（二）：初始化和挂载

初始化流程newVue我们在使用Vue的时候，首页就是先newVue(...)；在上一章中通过分析构建流程，我们得出入口文件src/platforms/web/entry-runtime-with-compiler.js，通过入口文件，我们一步一步找到Vue构造函数定义所在：//src/platforms/web/entry-runtime-with-compiler.js//...importV
明么·2023-01-27 12:18

vue源码学习之目录设计

vue的src目录总览:src目录截图vue源码的src目录下一共有6个文件夹：-compiler#编译相关-core#核心代码-platforms#不同平台的支持-server#服务端渲染-sfc#vue
peach_刘鑫·2023-01-27 02:20

vue源码分析（十八）核心函数之patch

我们先打开文件src/core/vdom/patch.js。代码如下：functionpatch(oldVnode,vnode,hydrating,removeOnly){//vnode不存在那就销毁旧的vnodeif(isUndef(vnode)){if(isDef(oldVnode))invokeDestroyHook(oldVnode)return}letisInitialPatch=fal
vue爱好者·2023-01-26 09:54

纯干货！聊聊你不知道的 Vue.nextTick

的朋友多多少少都知道$nextTick～在正式讲解nextTick之前，我想你应该清楚知道Vue在更新DOM时是异步执行的，因为接下来讲解过程会结合组件更新一起讲～事不宜迟，我们直进主题吧（本文以v2.6.14版本的Vue
前端瓶子君·2023-01-18 07:11

B站(云e办)SpringBoot实战练习的Sql文件、前端Vue源码、后端springboot源码

B站SpringBoot实战练习的资源1.Sql下载地址：2.前端源码下载地址：3.后端源码下载地址资源来源——网络资源搜索！github开源项目练习！个人手敲！博主个人已经写完后端并部署在服务器，前端选手需要在线api文档的可以＋：873958091.Sql下载地址：链接：点击我下载sql文件提取码：yeb72.前端源码下载地址：本链接源码来源网络，个人编写完的前端源码。请联系博主获取。链接：点
码manba·2023-01-16 16:07

Vue 用createElement 自定义列表头

createElement创建元素过程四、具体实现及代码1、第一步：创建需要自定义列表头的table二、第二步：创建自定义组件封装el-popover三、局部注册组件并手写createElement五、扩展知识点1、Vue
wuyxinu·2023-01-14 06:45

Vue源码解读一：Vue数据响应式原理

这方面的文章很多，但是我感觉很多写的比较抽象，本文会通过举例更详细的解释。（此文面向的Vue新手们，如果你是个大牛，看到这篇文章就可以点个赞，关掉页面了。）通过阅读这篇文章，你将了解到：1.Vue数据响应式的设计思想2.了解Observer,Dep,Watcher的源码实现原理3.getter/setter拦截数据方式的不足及解决方案一、设计模式Vue采用数据劫持结合发布者-订阅者模式的方式来实现
meinanqihao·2023-01-12 15:36

Vue 3.2 源码系列：01-不看肯定后悔的《入门 vue 框架设计》

本篇博客要说明的问题本篇博客是Vue3.2源码系列的第一篇，目的是为了：为了让大家可以掌握学习Vue源码的一些基础知识。
·2023-01-09 10:21

由浅入深读透vue源码：diff算法

导语|开发者工作中，研究代码逻辑常需要思考这个问题：数组变更后，具体变更了哪一些元素？变更的位置如何？本文作者陈碧松解析并覆写了针对数组变化的diff算法逻辑。希望本文对你有帮助。diff方法的运行规则和前提方法为了了解diff方法的运行规则和前提方法，首先我们通过几个图快速区别虚拟node进行深度优先和同级对比。深度优先:同级对比：如上面图所示，每次vnode都是执行同级对比。（对应dom同一个
·2023-01-09 10:47

TS 函数重载你还不会？来！我教你

正当我手足无措的时候，突然想到之前看vue源码的时候看到函数重载的使用，于是我第一次在项目中使用了函数重载，完美解决了我的问题。
·2023-01-08 23:21

一比一手写迷你版vue，彻底搞懂vue运行机制

本篇文章通过学习文档及视频教程实现手写一个简易的Vue源码实现数据双向绑定，解析指令等。
hellocoder2029·2023-01-01 13:38

Vue打包后不同版本详细解析

目录vue源码打包版本1、vue(.runtime).global(.prod).js2、vue(.runtime).esm-browser(.prod).js3、vue(.runtime).esm-bundler.js4
·2022-12-31 21:24

vue+laravel前后端分离个人博客系统

先看效果：访问：效果博客首页后台登录页后台首页API接口文档vue源码：https://gitee.com/K_8963/blog_8963接口源码：https://gitee.com/K_8963/blog_api
K8963·2022-12-28 08:32

vue源码解析：深入理解vue底层原理

vue工作机制Vue响应式的原理definePropertyclassVue{constructor(options){this._data=options.data;this.observer(this._data);}observer(value){if(!value||typeofvalue!=="object"){return;}Object.keys(value).forEach(key
s先生的d小姐·2022-12-19 07:18

一比一手写迷你版vue，彻底搞懂vue运行机制

本篇文章通过学习文档及视频教程实现手写一个简易的Vue源码实现数据双向绑定，解析指令等。
hellocoder2029·2022-12-14 15:28

前端商品多规格选择问题 SKU 算法实现优化2.0

在阅读本文之前，请先阅读笔者上一篇文章：前端商品多规格选择问题SKU算法实现文章目录一、找bug二、修复过程详解1.初始化顶点集和空邻接矩阵2.邻接矩阵赋值3.判断attribute是否可选三、Vue源码四
全幼儿园最聪明·2022-12-10 21:45

Vue源码解析—mustache模板引擎

一、什么是模版引擎二、数组join()法三、反引号法四、mustache基本语法mustache库可以通过npm安装。因此可以值node以及浏览器中使用1、mustache便利数组对象2.mustache字段直接使用3.mustache.代表本数组元素4.mustache多层数组嵌套5.mustache布尔值mustache使用规则可参考：https://blog.csdn.net/yzding1
天高任鸟飞dyz·2022-12-10 18:15

Vue源码学习之mustache模板引擎

Vue源码学习之mustache模板引擎该博文是在学习尚硅谷的vue源码教程同时做的笔记。课程都可以在b站搜到的哦。mustache模板引擎什么是模板引擎模板引擎是将数据要变为视图最优雅的解决方案。
PrototypeONE·2022-12-10 18:44

【Vue源码】mustache模板引擎 - 基本使用 - 底层原理 - 手写实现

文章目录1.模板引擎的介绍1.1模板引擎是什么？1.2模板引擎是怎么来的？（发展历史）1.使用原生的DOM操作2.使用数组中的join方法3.使用ES6反引号的方法2.mustache基本使用2.1mustache库的简介引入mustache库mustache的模板语法1.最简单的情况——不循环对象数组2.循环最简单的数组3.循环对象数组（v-for类似）4.循环嵌套对象数组和简单数组5.控制元素
YK菌·2022-12-10 18:14

Vue源码解析之mustache模板引擎

一介绍模板引擎是将数据要变为视图最优雅的解决方案历史上曾出现过的数据变为视图的方法：纯DOM法、数据join法、ES6的反引导法、模板引擎纯DOM法：Documentvararr=[{"name":"小明","age":12,"sex":"男"},{"name":"小红","age":11,"sex":"女"},{"name":"小强","age":13,"sex":"男"}]varlist=do
天天想着发财致富·2022-12-10 18:13

vue源码解析之mustache模板引擎——底层核心机理

mustache底层核心机理底层token思想手写mustache库1.遍历查找“{{}}”(Scanner类)生成tokens数组不能用简单的正则表达式思路实现底层token思想手写mustache库1.遍历查找“{{}}”(Scanner类)scanner类：用于解析templateStr模板字符串主要由两个方法scan()：跳过{{scanUtil():让指针进行扫描,知道遇见指定内容结束,
wjyGrit·2022-12-10 18:13

VUE源码解析-Mustache

Mustache模板引擎数据变为视图的方式简介mustache基本使用遍历数组布尔值mustache的底层核心机理最简单的模板引擎实现机理tokens手写mustache库手写源码地址模板引擎数据变为视图的方式1.纯dom：笨拙，没有实战价值2.数组join：本质是字符串es6的反引号法：es6中新增的${xxx}模板引擎：将数据变为视图最优雅的解决方案简介mustache是最早的模板引擎库，底层
C_Cercis Chinensis·2022-12-10 18:42

Vue源码：mustache模板解析

文章目录什么是模板引擎数据变为视图的方法手写mustache运行流程什么是模板引擎模板引擎是将数据变为视图最优雅的解决方案，如下可以通过左侧数据最终在网页上渲染成右侧dom视图数据变为视图的方法历史上出现的数据变为视图的方法有四种：纯DOM法、数组join法、ES6反引号法、mustache模板引擎法，可以说越来越优雅。如下数据采用各种方法渲染letstudents=[{name:'小明',age
Continue丶·2022-12-10 18:42

vue源码-mustache模板引擎分析(四)-手写实现mustache库

一.构建环境（1）新建名为TemplateEngine的文件夹，然后npminitnpminpmiwebpack@4-Dnpmiwebpack-cli@3-Dnpmiwebpack-dev-server@3-D使用webpack和webpack-dev-server构建-webpack侧重开发体验，结合webpack-dev-server实时更新-nodeis调试控制台不太好用-rollup更擅长
豆浆油条_煎bingo子·2022-12-10 18:42

【vue源码解析之底层模板引擎】mustache模板引擎

什么是模板引擎？模板引擎是将数据变为视图的最优雅的解决办法。目前将数据处理为视图的方法，从时间线排列有：纯DOM法document.createElement()数组join，借助HTMLElement.prototype.innerHTML将字符串解析为HTMLes6模板字符串${data}替代join函数模板引擎，vue中的就是一种模板引擎。此处解析的mustache是最早的模板引擎，因它的嵌
路玉屏风·2022-12-10 18:12

Vue源码探秘之 mustache模板引擎

什么是模板引擎模板引擎是将数据要变为视图最优雅的解决方案历史上曾经出现的数据变为视图的方法•纯DOM法：非常笨拙，没有实战价值•数组join法：曾几何时非常流行，是曾经的前端必会知识•ES6的反引号法：ES6中新增的`${a}`语法糖，很好用•模板引擎：解决数据变为视图的最优雅的方法mustache的基本使用•mustache官方git：https://github.com/janl/mustac
万邺·2022-12-10 18:12

vue源码解析之mustache模板引擎

数据变为视图的方法纯Dom方法：非常笨拙，没有实战价值数据join法：曾今流行ES6反引号法：`${}`语法糖模板引擎：解决数据变为视图最优雅的方法Mustache基础用法hello{{thing}}vartemplate=$("#template").html();varr=Mustache.render(template,{thing:'world'})Mustache原理什么是token，通
可怜的前端小程序员·2022-12-10 18:11

Vue源码之mustache模板引擎(二) 手写实现mustache

Vue源码之mustache模板引擎(二)手写实现mustachemustache.js个人练习结果仓库(持续更新)：Vue源码解析webpack配置可以参考之前的笔记Webpack笔记安装：npmi-Dwebpackwebpack-cliwebpack-dev-serverwebpack.config.jsconstpath
赤蓝紫·2022-12-10 18:10

Vue源码之mustache模板引擎

Vue源码之mustache模板引擎mustache库的工作机理tokenstokens是一个JS的嵌套数组，是模板字符串的JS表示模板字符串我买了一个{{thing}}，好{{mood}}啊tokens
木子爱编程·2022-12-10 18:10

Vue源码-mustache模版引擎原理详解

什么是模版引擎模版引擎是将数据变为视图最优雅的解决方案。mustache是最早的模版引擎库，比Vue诞生早。上述案例的mustache模版语法如下:mustache库的机理mustache库底层重点要做两个事情：1.将模版字符串编译为tokens形式2.将tokens结合数据，解析为dom字符串什么是tokenstokens是一个Js的嵌套数组，其实就是模版字符串的js表示。未完。。。
liwenqi7·2022-12-10 18:10

Vue源码之mustache模板引擎(一)

Vue源码之mustache模板引擎(一)个人练习结果仓库(持续更新)：Vue源码解析抽空把之前学的东西写成笔记。
赤蓝紫·2022-12-10 18:40

Vue源码前戏之Mustache模板引擎的源码解析

模板引擎是一个帮助我们在一个有规则的字符串内渲染数据的工具。举一个例子：varstr=`我叫{{name}},来自于{{school}}`varname='王五'varschool='一个神秘的大学'现在有一个str字符串，里面带有花括号的子串需要被渲染成对应的数据，得到这样的字符串，渲染到页面中，就形成了模板引擎。我叫王五，来自于一个神秘的大学当然mustache有更复杂的语法，比如：varte
IsPinocchio·2022-12-10 18:39

【Vue源码解析】mustache模板引擎

模板引擎什么是模板引擎实现Scanner类根据模板字符串生成tokens在index.js引入parseTemplateToTokens实现tokens的嵌套OneMoreThingtokens结合数据解析为dom字符串定义lookup函数定义renderTemplate函数什么是模板引擎模板引擎是将数据变为视图最优雅的解决方案以前出现过的其它数据变视图的方法纯DOM法数组join法在js里单双引
糖^O^·2022-12-10 18:37

【VUE】源码分析 - computed计算属性的实现原理

tip：本系列博客的代码部分(示例等除外)，均出自vue源码内容，版本为2.6.14。但是为了增加易读性，会对不相关内容做选择性省略。如果大家想了解完整的源码，建议自行从官方下载。
依然范特西fantasy·2022-12-08 14:10

vue源码分析-动态组件

前面花了两节的内容介绍了组件，从组件的原理讲到组件的应用，包括异步组件和函数式组件的实现和使用场景。众所周知，组件是贯穿整个Vue设计理念的东西，并且也是指导我们开发的核心思想，所以接下来的几篇文章，将重新回到组件的内容去做源码分析，首先会从常用的动态组件开始，包括内联模板的原理，最后会简单的提到内置组件的概念，为之后的文章埋下伏笔。12.1动态组件动态组件我相信大部分在开发的过程中都会用到，当我
yyzzabc123·2022-12-07 07:54
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他