avatar
文章
2211
标签
35
分类
0
首頁
目录
标签
友鏈
关于
Logo阿超google、YouTube、Medium进度条 返回首页
搜索
首頁
目录
标签
友鏈
关于

google、YouTube、Medium进度条

发表于2023-01-14|更新于2026-02-24
|浏览量:

当一个男人偷走了你的妻子时,最好的报复是让他去赡养她——吉特里

这是一个目前25K stars的项目

github:https://github.com/rstacruz/nprogress

演示网址:http://ricostacruz.com/nprogress

进度条是浏览器上方的这个

image-20230114231556169

前端
上一篇
移动端拖动滑块验证
夫唯不争,故天下莫能与之争——老子 之前写过拖动滑块验证 但是发现移动端拖不动了 因为移动端使用的是touch事件:https://developer.mozilla.org/zh-CN/docs/Web/API/TouchEvent 我们对其进行改造,通过获取其第一个触控点的坐标进行计算 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152&...
下一篇
idea跳转class文件
残酷连接着愚昧,狡诈紧随着天真——高尔基 这是我从朋友分享的一篇博客上学来的 123idea64$FileNameWithoutExtension$.class$OutputPath$/$FileDirRelativeToSourcepath$ 配置好后即可右键跳转 我这里配置一个快捷键:CTRL+ALT+B 还挺好用的!
相关推荐
2024-08-22
ts的&和|类型
如果结果不如你所愿,就在尘埃落定前奋力一搏。——《夏目友人帐》 文档: https://www.typescriptlang.org/docs/handbook/2/objects.html#intersection-types 让我们用中文来解释这两个例子的区别,并通过几个例子帮助你理解。 交集类型 123type Bar = { x: number };type Baz = { y: number };type Foo = Bar & Baz; 结果 Foo 类型: { x: number; y: number } 解释: Foo 是 Bar 和 Baz 的交集类型。它必须同时拥有 x 和 y 两个属性。 示例: 12const obj: Foo = { x: 5, y: 10 }; // 合法const obj2: Foo = { x: 5 }; // 非法,因为缺少 `y` 联合类型 123type Foo = { x: number };type Ba...
2020-09-01
js函数防抖
之前写了一篇javascript防抖是应用在按钮中的 今天继续完善一下,下面的函数ruben就算循环10亿次,一秒内也会只调用一次 123456789101112131415var antiShakeFlag = false; function ruben() { if (antiShakeFlag) { return; } console.log("ruben") antiShakeFlag = true; setTimeout(() => { antiShakeFlag = false; }, 1000); } for (let i = 0; i < 10; i++) { console.log("achao&qu...
2020-09-02
js获取url上的参数
获取url上的参数 123456789101112function getUrlParam(name) { if (name == null) { return name; } var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) { //return unescape(r[2]); return r[2]; } return null; } 1console.log(getUrlParam("id"));
2024-11-21
渐变的艺术:变量的力量——阿超与ChatGPT 4o的代码探险
人类之所以有进步,主要原因是下一代不怎么听上一代的话。——倪匡 效果在右下角,请滚动页面查看~ .scroll-text { position: fixed; bottom: 10%; right: 10%; background: linear-gradient(180deg,var(--color-light) 0%,var(--color-light) 40%,var(--color-dark) 60%,var(--color-dark) 100%); background-size: 100% 200%; background-position: center calc(var(--scroll) * 100%); background-repeat: no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent;...
2021-11-03
vue项目启动后自动打开
我见青山多妩媚,料青山见我应如是。――辛弃疾《贺新郎》 找到项目路径下的package.json 在scripts下的serve后面加上--open即可
2022-04-02
Object.fromEntries
微微怪时间不能保存情绪,保存那一切情绪所曾流连的境界。——《你是人间的四月天》 文档 我们可以用其将Iterator转换为对象,例如Map、Array或者实现@@iterator方法的的对象 1Object.fromEntries(new URLSearchParams("q=apple&from=en&to=zh&appid=2015063000000001&salt=1435660288&sign=f89f9594663708c1605f3d736d01d2d4")) 1Object.fromEntries(new Map(new URLSearchParams("q=apple&from=en&to=zh&appid=2015063000000001&salt=1435660288&sign=f89f9594663708c1605f3d736d01d2d4"))) 例如我这里写一个class,实现迭代协议 1234567891011121314...
avatar
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
文章
2211
标签
35
分类
0
Follow Me
公告
This is my Blog
最新文章
HarmonyOS回到顶部功能实现2026-06-17
harness2026-06-16
SkillSpector2026-06-15
pm-skills2026-06-14
openmed2026-06-13
© 2025 - 2026 By 阿超框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中