vue3源码分析——解密nextTick的实现

theme: qklhk-chocolate引言<<往期回顾>> vue3源码分析——实现组件通信provide,injectvue3源码分析——实现createRenderer,增加runtime-testvue3源码分析——实现element属性更新,child更新vue3源码分析——手写diff算法5. vue3源码分析——实现组件更新 vue是...

Vue源码之mustache模板引擎

Vue源码之mustache模板引擎mustache库的工作机理 tokenstokens是一个JS的嵌套数组,是模板字符串的JS表示 模板字符串 <h1> 我买了一个{{thing}},好{{mood}}啊 </h1>tokens(每个数组的第零项都是第一项的数据类型) [ ["text", "<h1> 我买了一个"], //...

万木成林,我种了“Vue技能树”

初衷 作为Vue技能树的构建者,一直拖延到现在才来写这篇文章,主要还是心里没有底,前面殊不知这颗“树”是否促进了大家学习的热情,也不知它给大家带来了多少收获。说到我们的Vue技能树,我作为尤大大的忠实粉丝自就业后就一直在运用Vue技术做前端开发,其实网上有过很多很多前端框的对比文章࿰...

2022

theme: nico「时光不负,创作不停,本文正在参加2022年中总结征文大赛」 背景这2022的开头或许不够好,也不够让人欢喜,或许很多人失意、悲伤、难过。也或许大多数人被疫情限制在家里、市里、国家内。大多产业受到影响,可能很多人即使在家也早已度日如年,经济寸步难行。很多人被这莫名其妙的灾难打乱了生活节奏,打乱了工作进程,打乱了工作状态。很多习惯了夜生活车水马龙的城市一下子...

叮~您有一封Vue.js挑战邀请函

前言大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有所帮助. 背景距离Vue 3.0发布已经快两年了,Vue 2.0也在上周五迎来了它的最后一个版本Vue 2.7,周五难道不应该有...

Vue 编译三部曲:如何将 template 编译成 AST ?

theme: orange前言Vue.js 提供了 2 个版本,一个是 Runtime + Compiler 版本,一个是 Runtime only 版本。Runtime + Compiler 版本是包含编译代码的,可以把编译过程放在运行时做,Runtime only 版本不包含编译代码的,需要借助 webpack 的 vue-loader 事先把模板编译成 render 函数...

VUE2.0中的组件传输方式

theme: orange组件化开发是VUE中重要的开发方式,当各组件分离开发时,就必然会存在组件之间传值的问题。 props传prop值props传值是父子组件之间传值最常见的方式,在引用子组件的时候,加入想要传输给子组件的数据并通过props进行数据获取实现传值。 Parent.vue<child :child-data = "childData"></c...

🤯带你手写vue3核心源码(十)

highlight: night-owl theme: fancyVue3 手写 双端对比的diff算法双端对比 diff 算法顾名思义,双端对比,左端和右端。通过左端和右端的收缩比较,可以精准的确定旧节点和新节点的改变范围。 左侧对比先来一张图给大家看看,咱们先别看右侧的流程图(那是关于往右侧新增节点的流程) 图1 解析: c1:旧的子节点的数组,比如:有 A、B 两个元素...

为什么 React 的 Diff 算法不采用 Vue 的双端对比算法?

前言都说“双端对比算法”,那么双端对比算法,到底是怎么样的呢?跟 React 中的 Diff 算法又有什么不同呢? 要了解这些,我们先了解 React 中的 Diff 算法,然后再了解 Vue3 中的 Diff 算法,最后讲一下 Vue2 中的 Diff 算法,才能去比较一下他们的区别。 最后讲一下为什么 Vue 中不需要使用 Fiber 架构。 React 官方的解析其实为什...

向着Vue3进发,Vue2.7升级指南

theme: nico北京时间7月1号,Vue2.7正式发布,代号Naruto,看过火影的人应该对这个代号不陌生。 Vue2.7支持你的项目在不升级Vue3的情况下使用Vue3的特性,例如Composition Api、setup、Css v-bind等。 与此同时,Vue2.7也是Vue2.X的最终次要版本,在这个版本之后,Vue2将进入LTS(长期支持),即从现在开始持续1...