avatar
文章
2142
标签
34
分类
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-09-14
React优化技巧——避免state层级过高
你是非常可爱的人,真应该遇到最好的人,我也希望我就是。——《爱你就像爱生命》 今天从Cory House @housecor看到一个优化技巧随笔记一下,希望下次编写时候可以考虑 原代码: 123456789101112131415161718192021222324function Product() { const [rating, setRating] = useState(null); return ( <> <h1>Product</h1> <ProductRating rating={rating} setRating={setRating} /> </> );}function ProductRating({ rating, setRating }) { return ( <> <label htmlFor="rating"...
2022-08-31
资源路径与blobUrl互转
害怕树敌的人永远得不到真正的朋友——哈兹里特 首先是普通资源URL转换为blobUrl 12345678910111213// 生成blobURLconst xhr = new XMLHttpRequest();xhr.open('GET', 'https://VampireAchao.github.io/imgs/preview/3356_3.jpg', true);xhr.responseType = 'blob';xhr.onload = function (e) { if (this.status == 200) { var blob = this.response; console.log(blob); // document.getElementById("myImg").src = URL.createObjectURL(blob); console.log(URL.createObjectURL(bl...
2022-10-05
RainEffect
不要从你自己的口袋里掏出勋章借给你的朋友,这是侮辱他的——泰戈尔 分享一个真实的雨滴效果: https://tympanus.net/Development/RainEffect/#slide-1 github地址:https://github.com/codrops/RainEffect 还是非常炫酷的
2023-09-04
mdit-vue
睡在哪里都是睡在夜里。  ——贾平凹《废都》 分享一个开源项目: GitHub - mdit-vue/mdit-vue: markdown-it plugins for Vue.js 这个项目在这里为 markdown-it 提供一些统一的插件,这是 JS 世界中最受欢迎的 markdown 解析器之一,以使其更好地与 Vue 配合使用 它是markdown-it的vue插件 GitHub - markdown-it/markdown-it: Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed https://markdown-it.github.io/
2022-03-17
vue scroll事件失效
那些听不见音乐的人认为那些跳舞的人疯了。——尼采。 这个坑,我遇到的时候,百度要么告诉我加高度,要么告诉我用document或者ref去获取节点 可我只想用@scroll事件,于是我在到处加@scroll,在组件上加@scroll.native,在组件里的div上加,在slot中加,然后又给它们挨个加高度,没一个好使,搞的我很头大 后面我突然发现,我给加的,好像并不是实际滚动的地方,那我明白了,首先我给引用组件放入slot中的div指定了样式: 1234.allow-scroll { height: 80vh; overflow-y: scroll;} 然后再给它绑定事件@scroll,此处如果该div下的元素高度超出了80vh,则会触发事件。。。这坑踩的,就离谱
2023-01-17
headroom.js
寡言省谤,寡欲保身——佚名 昨天说到了enquire.js 作者还有一个更加多stars的项目headroom.js,目前有10.9K stars https://github.com/WickyNilliams/headroom.js 官网网址:https://github.com/WickyNilliams/headroom.js 这个项目就是一个简单的头部,往下滑头部会收起来,往上又出现
avatar
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
文章
2142
标签
34
分类
0
Follow Me
公告
This is my Blog
最新文章
personaplex2026-04-09
gallery2026-04-08
openscreen2026-04-07
oh-my-codex2026-04-06
mlx-vlm2026-04-05
© 2025 - 2026 By 阿超框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中