首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
6月更文挑战
西瓜watermelon
创建于2022-05-24
订阅专栏
react基础知识学习 vue2源码解读
等 3 人订阅
共31篇文章
创建于2022-05-24
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
MVVM小demo完整代码
本文仅用于记录MVVM小demo的完整代码,关于MVVM的实现原理及分析请参考另一篇文章MVVM源码解析
【react】手把手学习react - 元素条件渲染
在JavaScript中我们经常会用到if else-if else等这种条件运算符来根据不同的条件实现不同的功能,在vue中也会用到v-if指令来进行不同组件的渲染。同样react也是支持这种条件渲
【react】手把手学习react - 事件处理
react中的事件是以小驼峰的方式命名,在给事件绑定函数时直接绑定函数名而不是函数的字符串形式 react中的事件不能通过return false的方式阻止元素的默认行为,必须要显式调用prevent
【react】 手把手学习react - state 及组件的生命周期
需要注意的是:这里不能直接通过this.state.date = xxx来修改date值,因为这样即使date值被修改了,页面也不会重新渲染。 只有通过调用setState方法改变date,页面才会重
手把手学习React - 组件与自定义属性
在React中组件分为类组件和函数组件,组件在渲染使用时跟普通dom标签一样,我们可以像写html标签一样将react元素直接写在组件中,我们还可以把不同功能模块封装成不同的独立的组件,然后再在同一个
【React】手把手学习React - 元素渲染
本次分享我们学习了react中的元素渲染,首先学习了react中元素的概念,然后还简单介绍了react中元素与浏览器中dom元素的区别,最后通过显示Hello,world和实时获取当前时间的小例子来展
【源码解析】vue2中 dom diff的实现原理
就是数据发生变化时会触发set函数,在set函数中则会触发对应的组件更新,组件更新又会调用到patch方法,在patch中先进行根虚拟dom的比较,然后再调用patchVnode实现子节点的对比,在p
【源码解析】 RouterView组件的实现原理
RouterView组件仅接收一个name自定义属性,主要用于区分命名视图和默认视图,然后在render函数中根据当前路由信息及自定义的name属性去匹配对应的组件,匹配时会优先检查是否被缓存,如果被
【源码解析】解密RouterLink组件的实现原理,其实就是一个a标签
RouterLink通过to属性接收路由信息,当用户点击RouterLink时会触发一个handler的函数,在handler中会将路由路径传递给router.push或router.replace从
【源码解析】VueRouter路由前置守卫,其实就是一个大筛子
在beforeEach中调用了registerHook函数,并在该函数中将beforeEach的回调函数保存在路由实例的beforeHooks数组中。当根组件Vue的beforeCreate钩子函数执
【源码解析】vue-router实现原理,原来new VueRouter时做了这么多事
通过createMatcher调用createRouteMap创建路由映射关系,定义对外的能够动态添加路由的两个方法addRoutes和addRoute,获取全部路由的getRoutes和匹配路由信息
【源码解析】vue-router实现原理,揭秘每个组件的实例是如何拥有$router的
通过Vue.mixin全局混入向所有组件中分别混入两个钩子函数beforeCreate和destroy,在beforeCreate中给跟组件Vue的实例添加_router、_routerRoot和_r
【源码解析】vuex中可能一辈子也用不到的辅助函数 - mapActions
首先将要提交的action对象中的方法名作为数组或对象传递给mapActions函数,在该函数中会定义一个新的函数mappedAction,并将其保存在res对象中,当我们在组件中调用methods中
【源码解析】vuex中一辈子可能也用不到的辅助函数-mapMutations
首先将要提交的mutation对象中的方法名作为数组或对象传递给mapMutations函数,在该函数中会定义一个新的函数mappedMutation,并将其保存在res对象中,当我们在组件中调用me
【源码解读】vuex中可能一辈子也不会用到的辅助函数 - mapState
首先将state对象中要用到属性名作为数组或对象传递给mapState函数,在该函数中会定义一个新的函数mappedState,并将其保存在res对象中,当我们在组件中调用state状态对应的属性时就
【源码解析】vuex实现原理3,揭秘dispatch是如何分发action的
在注册action时向数组中添加一个wrappedActionHandler方法,并在该方法中让我们在actions对象中自定义的那个方法执行,最后返回一个promise。然后当我们调用dispatc
【源码解读】vuex原理2,new Store时做了哪些事,commit又是如何把字符串变成方法调用的
在new Store时会初始化一堆实例属性,然后就是通过installModule安装模块,在安装模块的时候会注册mutation、action、getter等,那么在注册mutation时会向数组e
【源码解析】Vuex原理1,揭秘vuex是如何给每个组件挂载$store的
就是通过Vue.use安装Vuex时会调用Vuex中的install函数,而在该函数中又调用了个applyMixin函数,在applyMixin函数中通过Vue.mixin做了一个全局混入,给每个组件
【源码解析】前端面试必问的响应式的原理,其实也没那么难
通过Observe进行数据劫持的时候给每个被劫持的属性都添加了一个dep实例(new Dep),在dep实例中有个数组类型的subs属性,在这个数组中存储的都是使用当前属性时创造的Watcher的实例
【源码解析】解读vue2中侦听器的源码,揭秘watch的实现原理
本文我们分享了侦听器的用法场景及其实现原理,简单总结就是:`给被侦听的那个属性添加一个watcher实例,当这个属性更新的时候就会触发该watcher的update函数,update执行的时候又会触发
下一页