vue源码

准备工作(持续更新)

引言:那么从这一章开始，我们即将分析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

2020全栈学习Demo大合集 AllDemo-996station GitHub鉴赏官

hooksTS等还有umi+dva,数据可视化等实战项目(持续更新中)全栈学习Demo大合集说明:本项目包含常用的技术点和技术栈,时间为2020年度最新的技术栈,大范围的包含(Vue,Vuex,SSR,vue
996station·2022-12-07 07:17

vue源码分析-基础的数据代理检测

简单回顾一下这个系列的前两节，前两节花了大量的篇幅介绍了Vue的选项合并，选项合并是Vue实例初始化的开始，Vue为开发者提供了丰富的选项配置，而每个选项都严格规定了合并的策略。然而这只是初始化中的第一步，这一节我们将对另一个重点的概念深入的分析，他就是数据代理，我们知道Vue大量利用了代理的思想，而除了响应式系统外，还有哪些场景也需要进行数据代理呢？这是我们这节分析的重点。2.1数据代理的含义数
yyzzabc123·2022-11-30 03:56

使用django+python开发的学生档案信息管理系统Vue源码

本文首先介绍了设计的背景与研究目的，其次介绍系统相关技术Python，重点叙述了系统功能分析以及详细设计，最后总结了系统的开发心得。附有项目源码介绍本次设计任务是要设计一个学生档案管理系统，通过这个系统能够满足管理员和学生的学生档案信息管理功能。系统的主要包括首页、个人中心、学生管理、年级管理、班级管理、课程信息管理、奖惩信息管理、成绩信息管理等功能。管理员可以根据系统给定的账号进行登录，登录后可
QQ188083800·2022-11-29 20:36

java计算机毕业设计旅游网站vue源码+系统+数据库+lw文档+mybatis+运行部署

java计算机毕业设计旅游网站vue源码+系统+数据库+lw文档+mybatis+运行部署java计算机毕业设计旅游网站vue源码+系统+数据库+lw文档+mybatis+运行部署本源码技术栈：项目架构
云星科技·2022-11-27 12:43

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

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

vue源码学习第六篇--插槽(slot)

我们在构建页面过程中一般会把用的比较多的公共的部分抽取出来作为一个单独的组件，但是在实际使用这个组件的时候却又不能完全的满足需求，我希望在这个组件中添加一点东西，这时候我们就需要用到插槽来分发内容。以下文章来自掘金作者：JH30K链接：https://juejin.im/post/5ed61cd86fb9a047a43444d6文章目录一、前言二、插槽是什么三、插槽的作用四、插槽的分类1.默认插槽
A-Select °·2022-11-16 07:02

挖洞思路：前端源码泄露漏洞并用source map文件还原

大部分Vue应用会使用webpack进行打包，如果没有正确配置，就会导致Vue源码泄露，可能泄露的各种信息如API、加密算法、管理员邮箱、内部功能
白帽子九一·2022-11-09 12:53

Vue源码学习记录之手写vm.$mount方法

目录一、概述二、使用方式三、完整版vm.$mount的实现原理四、只包含运行时版本的vm.$mount的实现原理这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、概述在我们开发中，经常要用到Vue.extend创建出Vue的子类来构造函数，通过new得到子类的实例，然后通过$mount挂载到节点，如代码：varProfile=Vue.extend({template:'{{first
·2022-11-08 10:19

Vue2 Observer实例dep和闭包中dep区别详解

对Vue源码中两次出现的newDep()，不清楚它们的区别，写一个文章记录一下。
·2022-11-07 15:39

VUE 3.0 源码：阅读 & 注释 - 解读 tsconfig.json 各项配置信息

本文通过对VUE源码中的tsconfig.json文件中的每个属性做详细解释，使读者对常用的配置信息做进一步的了解，希望对看到此篇文章的读者有所帮助。
老罗-laoluo·2022-11-06 21:38

Vue源码解析之Next-Tick

什么是Next-Tick？在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即调用这个方法，获取更新后的DOM。js运行机制js执行是单线程的，基于事件循环，事件循环大致分为以下几个步骤：（1）所有同步任务都在主线程上执行，形成一个执行栈（executioncontextstack）。（2）主线程之外，还存在一个"任务队列"（taskqueue）。只要异步任务有了运行结果，就在"任务队列"
前端码农小王·2022-10-31 19:19

vue源码分析-动态组件

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

vue源码分析-响应式系统(三)

上一节，我们深入分析了以data,computed为数据创建响应式系统的过程，并对其中依赖收集和派发更新的过程进行了详细的分析。然而在使用和分析过程中依然存在或多或少的问题，这一节我们将针对这些问题展开分析，最后我们也会分析一下watch的响应式过程。这篇文章将作为响应式系统分析的完结篇。7.12数组检测在之前介绍数据代理章节，我们已经详细介绍过Vue数据代理的技术是利用了Object.defin
·2022-10-31 10:10
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他