google、YouTube、Medium进度条
发表于|更新于
|浏览量:
当一个男人偷走了你的妻子时,最好的报复是让他去赡养她——吉特里
这是一个目前25K stars的项目
github:https://github.com/rstacruz/nprogress
演示网址:http://ricostacruz.com/nprogress
进度条是浏览器上方的这个

相关推荐
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 这个项目就是一个简单的头部,往下滑头部会收起来,往上又出现

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog