首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
Vue
订阅
大束
更多收藏集
微信扫码分享
微信
新浪微博
QQ
13篇文章 · 0订阅
上手后才知道 ,Vue3 的 script setup 语法糖是真的爽
还记得刚体验 script setup 语法糖的时候,编辑器提示我这是一个实验性的提案,要使用的话,需要固定 Vue 版本。 而在 6 月底,该提案被正式定稿。
面试官问: 如何理解Virtual DOM?
vdom是虚拟DOM(Virtual DOM)的简称,指的是用JS模拟的DOM结构,将DOM变化的对比放在JS层来做。换而言之,vdom就是JS对象。 将该数据展示成一个表格,并且随便修改一个信息,表格也跟着修改。 这样点击按钮,会有相应的视图变化,但是你审查以下元素,每次改动…
茶余饭后聊聊 Vue3.0 响应式数据那些事儿
"别再更新了,实在是学不动了"这句话道出了多少前端开发者的心声,"不幸"的是 Vue 的作者在国庆区间发布了 Vue3.0 的 pre-Aplha 版本,这意味着 Vue3.0 快要和我们见面了。既来之则安之,扶我起来我要开始讲了。Vue3.0 为了达到更快、更小、更易于维护、…
你不知道的vue组件传值方式
上一篇关于vue面试的文章 (面试时面试官想要听到什么答案) 中提到了多种组件传值方式,本文对几种传值方式如何使用具体说明一下。 props、$emit、eventbus、vuex、$parent / $children / ref、sessionStorage、localSt…
Vue 项目性能优化 — 实践指南(网上最全 / 详细)
Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue …
vue响应式原理学习(三)— Watcher的实现
众所周知,Vue 是在触发数据的 get 时,收集依赖,改变数据时触发set, 达到派发更新的目的。 依赖收集 和 派发更新的 代码 在上一篇文章,有简单解释过。我们再来重温下代码 这里我省略了部分用于判断和兼容的代码,因为感觉一下子要看所有代码的话,会有些懵比。我们现在知道了…
Vue原理解析(一):Vue到底是什么?
Vue,现在前端的当红炸子鸡,随着热度指数上升,实在是有必要从源码的角度,对它功能的实现原理一窥究竟。个人觉得看源码主要是看两样东西,从宏观上来说是它的设计思想和实现原理;微观上来说就是编程技巧,也就是俗称的骚操作。我们这次的侧重点是它的实现原理。好吧,让我们推开它那神秘的大门…
精读《Vue3.0 Function API》
1. 引言 不,100% 兼容 Vue 2.0,且暂未打算废弃任何 API(未来也不)。之前有草案试图这么做,但由于用户反馈太猛,被撤回了。 没有呀,这次精读的稿子就是 RFC(Request For Comments),翻译成中文就是 “意见征求稿”,还在征求大家意见中哦。 …
vue响应式原理学习(二)— Observer的实现
既然data属性是被深度监听,那我们就首先自己实现一个简单的深拷贝,理解下思路。 为什么是简单的深拷贝,因为没考虑 RegExp, Date, 原型链,DOM/BOM对象等等。要写好一个深拷贝,不简单。 有的同学可能会问,为什么不直接一个 for in 解决。如下: 其实 fo…
virtual-dom 梳理分析【diff 算法】
上一篇介绍了VD的是怎么创建VD Tree的和怎么根据VD Tree生成真实的DOM。上一章链接。 这一章主要是来梳理当我们的VD有变化的时候,它的diff算法是怎么去比较生成一个diff对象的。 Diff 算法是 VD 中最核心的一个算法。通过输入初始状态状态A(VNode)…