首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
黄焖鸡米粥
掘友等级
复制粘贴工程师
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
353
文章 325
沸点 28
赞
353
返回
|
搜索文章
最新
热门
vue 源码:如何调试源码
本打算开始深入源码,跟原来阅读源码的方式一样。 但是总觉得这样有哪里不对劲,是的,一味的看着源码也只能猜测代码的思路,并不能证明这思路就是正确的。 于是我打算换一种方式阅读源码,于是想到了打断点调试。 然而在尝试调试 vue 的源码期间,我遇到了不少问题,所以干脆就总结成这篇文…
vue 源码:整体概况
也许你日常中经常使用到 new Vue() 来实例化一个 Vue 对象,但你却不知道它到底做了什么操作。你想知道,于是你打开 Vue 的源码,但被庞大的代码吓跑了。你不是一个人,我也一样。 来来去去我也打开过很多次 Vue 的源码,到现在依旧会有点抵抗。但我觉得还是需要先把我理…
vue-router 源码:组件
最后来了解了解 vue-router 的两个组件 <router-link> 和 <router-view>。 在打开源码之前,先来简单思考一下,组件可以怎样去实现。 <router-link> 可以是一个 <a> 标签,to 是它的 props,然后绑定一个点击事件。 还记得…
vue-router 源码:路由匹配
Router 调用构造函数时,保存了一个 match 属性。 然后在执行 transitionTo 时,就用到了这个属性(函数)。 match 保存的是 createMatcher 执行后返回的一个函数,传入的是 options.routes。 执行 match 函数,需传入目…
vue-router 源码:导航守卫
在看 HashHistory 和 HTML5History 的实现时,涉及到父类 History 与其 transitionTo 方法。 在路由发生跳转的时候,需要调用 transitionTo 方法,其中里面便实现了导航守卫。 HashHistory 和 HTML5Histo…
vue-router 源码:路由模式
前端的路由模式包括了 Hash 模式和 History 模式。 vue-router 在初始化的时候,会根据 mode 来判断使用不同的路由模式,从而 new 出了不同的对象实例。例如 history 模式就用 HTML5History,hash 模式就用 HashHistor…
vue-router 源码:路由的安装与初始化
在 template 中我们用 <router-link> 来做路由跳转,用 <router-view> 来做路由跳转后的展示。 在 js 中,先用 Vue.use 来安装 vue-router,然后 new 一个 VueRouter 实例,最后将实例注入到…
vue-router 源码:实现一个简单的 vue-router
通过上篇,我们知道前端理由的两种实现方法,Hash 路由与 History 路由,并且用它们分别实现了一个前端路由。 接下来我们就将 Vue 与 Hash 路由结合,实现一个非常简单的 vue-router 吧。 这里会有 router-link 和 router-view 两…
vue-router 源码:前端路由
在学习 vue-router 的代码之前,先来简单了解一下前端路由。 先来看看这两种方法的实现原理。 接着我们将用它们来简单实现一个自己的前端路由。 url 的 hash 是以 # 开头,原本是用来作为锚点,从而定位到页面的特定区域。当 hash 改变时,页面不会因此刷新,浏览…
Promise 源码:静态方法
注:本次阅读的是 then/promise 的 4.0.0 版本,源码请戳 这里。 在 4.0.0 版本之中,Promise 对象被封装在了 core.js 文件中,常用的静态方法则写在了 index.js 文件中,打开 index.js 文件。 这三种形式都会产生一个新的 P…
下一页
个人成就
文章被点赞
769
文章被阅读
97,559
掘力值
2,770
关注了
17
关注者
211
收藏集
10
关注标签
1
加入于
2018-02-06