首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
源码解读
订阅
晒了个太阳
更多收藏集
微信扫码分享
微信
新浪微博
QQ
19篇文章 · 0订阅
深入剖析Vue源码 - 揭秘Vue的事件机制
9.1. 模板编译 Vue在挂载实例前,有相当多的工作是进行模板的编译,将template模板进行编译,解析成AST树,再转换成render函数,而有了render函数后才会进入实例挂载过程。对于事件而言,我们经常使用v-on或者@在模板上绑定事件。因此对事件的第一步处理,就是…
「从源码中学习」Vue源码中的JS骚操作
1. 当前环境的一系列判断 2. user Agent常量的一系列操作 3. 字符串操作 解析: 获得该字符串第一个字符的unicode,然后与 0x24 和 0x5F 作比较。 若作为一个想进阶中高级的前端,charCodeAt方法的各种妙用还是需要知道的(面试算法题各种考)…
《React源码解析》系列完结!
距离第一篇《React源码解析(一)》已经过去将近4个月的时间,由于是我第一次进行源码解析相关的写作,思路和文笔还不够成熟。一百多天以来,我基于读者反馈反思这几篇文章中的不足,同时也在不断学习借鉴其他优秀作者的写作方法和写作思路。最终总结出对于自己的源码写作来说,需要改进的几点…
从Preact了解一个类React的框架是怎么实现的(三): 组件
首先欢迎大家关注我的掘金账号和Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励。 其实我在阅读React源码的时候,真的非常痛苦。React的代码及其复杂、庞大,阅读起来挑战非常大,但是这却又挡不住我们的React的原理…
React源码解析(一):组件的实现与挂载
当我们能够熟练运用React进行前端开发时,不免会对React内部机制产生浓厚的兴趣。组件是什么?是真的DOM吗?生命周期函数的执行依据又是什么呢? 本篇,我们先来研究React组件的实现与挂载。 上述代码写完后,我们就得到了<A />这个组件,那么我们接下来先弄清楚<A />…
做面试的不倒翁:浅谈 Vue 中 computed 实现原理
虽然目前的技术栈已由 Vue 转到了 React,但从之前使用 Vue 开发的多个项目实际经历来看还是非常愉悦的,Vue 文档清晰规范,api 设计简洁高效,对前端开发人员友好,上手快,甚至个人认为在很多场景使用 Vue 比 React 开发效率更高,之前也有断断续续研读过 V…
Vue响应式原理源码浅析
先大概说下Vue响应式实现的原理。 Vue的响应式原理是通过“观察者/订阅者”模式实现的。 首先,Vue会给data及data下的数组、对象循环调用Object.defineProperty方法来设置getter和setter,以此来拦截data的赋值和取值。也就是说,当我们赋…
Vue 应用性能优化指南
得益于 Vue 的 响应式系统 和 虚拟 DOM 系统 ,Vue 在渲染组件的过程中能自动追踪数据的依赖,并精确知晓数据更新的时候哪个组件需要重新渲染,渲染之后也会经过虚拟 DOM diff 之后才会真正更新到 DOM 上,Vue 应用的开发者一般不需要做额外的优化工作。 但在…