首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端框架学习
订阅
BruceLan
更多收藏集
微信扫码分享
微信
新浪微博
QQ
8篇文章 · 0订阅
深入框架本源系列 —— Virtual Dom
众所周知,操作 DOM 是很耗费性能的一件事情,既然如此,我们可以考虑通过 JS 对象来模拟 DOM 对象,毕竟操作 JS 对象比操作 DOM 省时的多。 从上述例子中,我们一眼就可以看出先前的 ul 中的第三个 li 被移除了,四五替换了位置。 当然在实际操作中,我们还需要给…
Vue源码的最后一站
不过这似乎并没有让我放弃,我可以起的早一点,也可以睡得晚一点。直到现在我写了约20万字,依然在持续更新,但我觉得它应该可以和大家见面了,大家久等了。 接下来让我介绍一下《Vue技术内幕》这套源码分析文章的特点,希望让你感受到我的诚意。 上面的链接拿走不谢,另外我要解释一下为什么…
Vue 3 原理剖析:数据响应系统
这是我的剖析 Vue 3 原理的第一篇文章。这篇将会带着大家学习数据响应相关的内容,并且尽可能的脱离源码来了解原理,降低大家的学习难度。 Vue 3 目前的状态其实很适合阅读,因为代码量不多,并且核心功能是不会有什么大的变动的。 因此笔者 fork 了目前的源码,并且加以注释。…
Vue 3 源码导读
5号凌晨,尤雨溪公布了 Vue 3 源代码。 话不多说,我们趁热对 Vue 3 源码进行一些简要的分析。 如果你还没有阅读过 Composition API RFC,可能无法完全看懂下面的内容。 目前打包后的代码是 ES2015+,不支持 IE 11。 目前的代码 98% 以上…
Vue3 中的数据侦测
目前版本单元测试相关情况 vue-next-coverage。 Vue 的核心之一就是响应式系统,通过侦测数据的变化,来驱动更新视图。 通过可响应对象,实现对数据的侦测,从而告知外界数据变化。实现可响应对象的方式: API 本身存在较多问题。 Vue2.x 中,实现数据的可响应…
通过vue-cli3构建一个SSR应用程序
Vue.js构建的应用程序,默认情况下是有一个html模板页,然后通过webpack打包生成一堆js、css等等资源文件。然后塞到index.html中 更有好的SEO。由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。 Client Bundle,给浏览器用。和纯Vue前端…
50行代码的MVVM,感受闭包的艺术
name 和 age 被响应式的渲染出来,在 2s 后我们修改了 name 的值,同样能在页面正确更新。
探索Virtual DOM的前世今生
在前端开发过程中,对性能产生最大影响的因素莫过于DOM的重排重绘了,React作为前端框架领跑者,为了有效解决DOM更新开销的问题,采用了Virtual DOM的思路,不仅提升了DOM操作的效率,更推动了数据驱动式组件开发的形成与完善。一旦习惯了数据驱动式开发,再要求我们使用显…