google、YouTube、Medium进度条
发表于|更新于
|浏览量:
当一个男人偷走了你的妻子时，最好的报复是让他去赡养她——吉特里
这是一个目前25K stars的项目
github：https://github.com/rstacruz/nprogress
演示网址：http://ricostacruz.com/nprogress
进度条是浏览器上方的这个
相关推荐
2022-08-03
vuepress-theme-vdoing
要品味生活的浪漫，你得有点儿演员精神，必须像个旁观者，对自己的所作所为既超然事外又忘我投入。——毛姆 《月亮和六便士》 分享一个VuePress知识管理&博客 主题 官方文档：https://doc.xugaoyi.com/ github：https://github.com/xugaoyi/vuepress-theme-vdoing 提供多种主题模式 看起来也很简洁，还有对应的广告位 也有用来做博客的 mybatis-plus也用的该主题
2021-08-29
css定义变量
仁义忠信,乐善不倦,此天爵也 。一一《孟子》 写法如下 123456789101112131415161718192021222324252627282930313233<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> :root { /* 定义变量，需要--开头 */ --ruben-width: 200px; --ruben-height: 200px; --ruben-bg-color: #ff0000; } .ruben { /* 使用变量，需要var(变量名) */ background-color: var(--ruben-bg-color); width: var(--ruben-width); height: ...
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-07-14
vue-class-component
人的教养不能够靠别人传授，人必须进行自我修养。一切苦修也绝不是文化修养，教育是通过人的主动性来实现的，教育牢牢地钉在主动性上。——费希特 官方文档：https://class-component.vuejs.org/ class-component是vue官方库之一，其可以让你使用class的方式定义、编写组件 再加上ts的装饰器，最终效果如下： 12345678910111213141516171819202122232425262728<template> <div> <button v-on:click="decrement">-</button> {{ count }} <button v-on:click="increment">+</button> </div></template><script>import Vue from 'vue'...
2025-03-05
tauri快速开始踩坑
现在我不那么困惑了，因为我幸运地变得比以前麻木了。——梭罗的《瓦尔登湖》 这里我的Rust版本太低了，所以更新了下 终端如下： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106(base) 2023:~ achao$ cd ~/IdeaProjects/(base) 2023:IdeaProjects achao$ sh <(curl https://create.tauri.app/sh) % Total % Received % Xferd Average Speed Time Time Time Current ...
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...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog