首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Mottle
掘友等级
前端工程师
在努力成为一名高级前端中....
获得徽章 9
动态
文章
专栏
沸点
收藏集
关注
作品
赞
54
文章 46
沸点 8
赞
54
返回
|
搜索文章
Mottle
前端工程师
·
2年前
关注
0x0 Vuex 基础 - Vuex 是什么?
Vuex 基础教程系列 🎉 概述 Vuex 是专门为 Vue.js 开发的用于全局状态管理的状态管理库。它是对 Flux 架构的实现工具之一,类似的例如 redux。与 ...
1
评论
分享
Mottle
前端工程师
·
2年前
举报
我知道它是实现生命周期函数的核心代码,我也知道它是实现 hooks 方式的核心代码,但是我不知道它是基于何种的设计模式与理念?发布订阅模式?回调函数模式(有这个模式吗?),请懂的大佬,给我科普下吧,感谢了!
下面是 VueRouter 中关于实现钩子的核心代码:
收起
查看大图
向左旋转
向右旋转
技术交流圈
分享
评论
点赞
Mottle
前端工程师
·
2年前
举报
我知道它是实现生命周期函数的核心代码,我也知道它是实现 hooks 方式的核心代码,但是我不知道它是基于何种的设计模式与理念?发布订阅模式?回调函数模式(有这个模式吗?),请懂的大佬,给我科普下吧,感谢了!
下面是 VueRouter 中关于实现钩子的核心代码:
收起
查看大图
向左旋转
向右旋转
掘友请回答
分享
评论
点赞
Mottle
前端工程师
·
2年前
关注
4x0 - VueRouter - 其它
VueRouter 基础教程系列 🎉 VueRouter 知识结构体系图(大图预警) 路由排名工具 使用 Router Ranker 工具可以帮我们: 查看一个路径被转换...
赞
评论
分享
Mottle
前端工程师
·
2年前
关注
3x0 - VueRouter - API 参考
VueRouter 基础教程系列 🎉 VueRouter 知识结构体系图(大图预警) router-link props to 目标路由地址,当被点击后,内部会调用 ro...
3
评论
分享
Mottle
前端工程师
·
2年前
举报
验证输入数值有效性,又调整了一波,欢迎大家测试~
【源沸点链接:
juejin.cn
】
---------------无奈的分割线-------------------
源码:
```js
function isNumber(num) {
const float = parseFloat(num);
if (isNaN(float)) return false;
if (float - float !== 0) return false;
return true;
}
```
展开
收起
查看大图
向左旋转
向右旋转
技术交流圈
分享
3
点赞
Mottle
前端工程师
·
2年前
举报
只用来验证有效数字(有理数)、排除 NaN,Infinity,null,undefine 等特殊值,随手写的,不知道有没有 bug,如果大家有兴趣,请帮忙验证下
我为什么不使用 lodash 的 isNumber 工具方法?
答:因为它会认为 Infinity 是一个数值。
```js
function isNumber(num) {
if (num === '') return false;
if (num === null) return false;
if (isNaN(num)) return false;
if (num * 1 - num * 1 !== 0) return false;
return true;
}
```
Eg:
```js
isNumber('') //false
isNumber(null) //false
isNumber(Infinity) //false
isNumber(NaN)//false
isNumber('a')//false
isNumber(0)//true
isNumber(-1)//true
```
展开
技术交流圈
分享
9
点赞
Mottle
前端工程师
·
2年前
关注
2x8 - VueRouter - 进阶 - 动态路由
VueRouter 基础教程系列 🎉 简介 通常,我们的路由配置 (routes) 是在路由器被创建之前就已经静态配置好的的。现在,我们可以使用动态路由技术在路由程序运行...
5
评论
分享
Mottle
前端工程师
·
2年前
关注
2x7 - VueRouter - 进阶 - 导航故障与重定向检查
VueRouter 基础教程系列 🎉 导航结果 路由导航的所有可能结果如下所示: 正确跳转到目标页面 可预知的故障 导航被中断 导航被取消 已经处于所要导航的目标页面 不...
4
评论
分享
Mottle
前端工程师
·
2年前
举报
这个是掘金的彩蛋吗?
收起
查看大图
向左旋转
向右旋转
上班摸鱼
赞过
分享
评论
1
Mottle
赞了这篇文章
渣渣xiong
前端开发工程师
·
2年前
关注
重生Vue路由模式区别只有"#"?之回家等通知(带图)
前言 我被一个关于VueRouter的问题难倒了,关于VueRouter的面试题不敢说精通,但是熟悉总可以吧,基本要点我虽然菜狗但是我也能描述一个1,2,3...但是直到我...
187
31
分享
Mottle
前端工程师
·
2年前
关注
2x6 VueRouter - 进阶 - 路由懒加载 与 RouterLink 扩展
VueRouter 基础教程系列 🎉 路由组件的懒加载 VueRouter 的 component 和 components 配置可以接受一个返回 promise 组件的...
3
评论
分享
Mottle
前端工程师
·
2年前
关注
2x5 VueRouter - 进阶 - 滚动行为
VueRouter 基础教程系列 🎉 滚动行为 创建路由器时,可以使用 scrollBehavior 方法来控制路由切换时页面的滚动位置。 例如,滚动到顶部、保持原先的滚...
1
1
分享
Mottle
前端工程师
·
2年前
关注
2x4 VueRouter - 进阶 - 过渡动效
VueRouter 基础教程系列 🎉 简介 路由的过渡效果指的是为路由组件增加转场效果。 在 VueRouter 3.x 中可以直接使用 <transition> 组件包...
5
评论
分享
Mottle
前端工程师
·
2年前
关注
2x3 VueRouter - 进阶 - 组合式 API
VueRouter 基础教程系列 🎉 相比于 OptionsAPI,CompositionAPI 给我们带来了更多的可能性。 以 CompositionAPI 方式来使用...
7
2
分享
Mottle
前端工程师
·
2年前
关注
2x2 VueRouter - 进阶 - 获取数据
VueRouter 基础教程系列 🎉 在 Vue 中请求服务端数据的时机有两种: 路由导航完成之前:在路由的生命周期期间发起请求。 路由导航完成之后:在路由组件生命周期期...
1
评论
分享
Mottle
前端工程师
·
2年前
举报
大佬们!请问 VueRouter4.x 中的 useLink() 到底是做啥的?有什么用呢?看官方文档,感觉不明不白的...用了下,竟然还一直报错,感觉用的姿势不对。
技术交流圈
分享
评论
点赞
Mottle
前端工程师
·
2年前
关注
2x1 VueRouter - 进阶 - 路由元信息
VueRouter 基础教程系列 🎉 路由元信息 首先规范下术语,我们将路由配置对象(routes)中的每个配置项称之为 “路由记录”。 路由记录可以通过 childre...
3
评论
分享
Mottle
前端工程师
·
2年前
关注
2x0 VueRouter - 进阶 - 路由导航守卫
VueRouter 基础教程系列 🎉 什么是导航守卫 ? 导航是用来描述路由跳转链接的动作。而导航守卫则是用来控制路由是跳转还是取消。 导航守卫的作用范围有:“全局守卫”...
5
2
分享
Mottle
前端工程师
·
2年前
关注
1x5 VueRouter - 基础 - 路由组件传参
VueRouter 基础教程系列 🎉 路由组件传参 使用路由组件传参的目的在于解除组件与路由器的紧密耦合关系。 当组件中只能通过 this.$route 才能获取路由信息...
赞
评论
分享
下一页
个人成就
文章被点赞
298
文章被阅读
66,373
掘力值
3,094
关注了
2
关注者
626
收藏集
50
关注标签
13
加入于
2017-07-11