首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
Vue原理
订阅
大骆
更多收藏集
微信扫码分享
微信
新浪微博
QQ
14篇文章 · 3订阅
推荐2022前端必看的新书 《Vue.js设计与实现》
今天推荐一本我认为2022年前端进阶需要看的一本书,来自Vue官方团队成员霍春阳的新书《Vue.js设计与实现》
15张图,20分钟吃透Diff算法核心原理,我说的!!!
前言 大家好,我是林三心,在日常面试中,Diff算法都是绕不过去的一道坎,用最通俗的话,讲最难的知识点一直是我写文章的宗旨,今天我就用通俗的方式来讲解一下Diff算法吧?Lets Go 什么是虚拟DO
Vue nextTick 变迁史
官方说明:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 所有同步任务都在主线程上执行,形成一个执行栈(execution context stack)。 主线程之外,还存在一个"任务队列"(task queue)。只要异步…
揭秘Vue从Virtual DOM生成真实DOM的过程
从上图可以看出,真实的DOM元素是非常庞大,这是因为浏览器的标准把DOM设计的非常复杂(一个DOM对象包含了许多属性,如上图所示)。当我们频繁地去做DOM更新,相应就会产生性能问题。 为了解决频繁操作DOM的性能问题,Virtual DOM就孕育而生了。虚拟的Virtual D…
图解 Vue 响应式原理
最近部门分享,有同学提到了 Vue 响应式原理,大家在讨论时,发现一些同学对这一知识理解还不够深入,不能形成一个闭环,为了帮助大家理解这个问题,我重新过了一下 Vue 源码,并整理了多张流程图,便于大家理解。 从 Vue 初始化,到首次渲染生成 DOM 的流程。 从 Vue 数…
Vue数据绑定简析
作为MVVM框架的一种,Vue最为人津津乐道的当是数据与视图的绑定,将直接操作DOM节点变为修改data数据,利用Virtual Dom来Diff对比新旧视图,从而实现更新。不仅如此,还可以通过Vue.prototype.$watch来监听data的变化并执行回调函数,实现自定…
【Vue原理】Diff - 白话版
如果你觉得排版难看,请点击下面链接或者拉到下面关注公众号也可以吧【Vue原理】Diff-白话版终于到了最后一块内容了!今天我们就来简单概括一下Diff,内容一点都不多哦,全是图片Diff作为Vue比较
深入剖析:Vue核心之虚拟DOM
使用 Vue 做项目也有两年时间了,对 Vue 的 api也用的比较得心应手了,虽然对 Vue 的一些实现原理也耳有所闻,例如 虚拟DOM、flow、数据驱动、路由原理等等,但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的,所以利用空闲时…
详解vue的diff算法
目标是写一个非常详细的关于diff的干货,所以本文有点长。也会用到大量的图片以及代码举例,一起来get吧。 先来了解几个点... 1. 当数据发生变化时,vue是怎么更新节点的? 要知道渲染真实DOM的开销是很大的,比如有时候我们修改了某个数据,如果直接渲染到真实dom上会引起…
「前端进阶」彻底弄懂前端路由
现代前端项目多为单页Web应用(SPA),在单页Web应用中路由是其中的重要环节。 每个现代前端框架都有与之对应的路由实现,例如 vue-router、react-router 等。 本文并不涉及 vue-router、react-router 的实现方式,而是介绍前端路由的基…