google、YouTube、Medium进度条
发表于|更新于
|浏览量:
当一个男人偷走了你的妻子时，最好的报复是让他去赡养她——吉特里
这是一个目前25K stars的项目
github：https://github.com/rstacruz/nprogress
演示网址：http://ricostacruz.com/nprogress
进度条是浏览器上方的这个
相关推荐
2022-05-24
css继承
浅水是喧哗的，深水是沉默的。——雪莱 我们知道CSS中一些属性会被继承：给父节点设置样式，子节点也会生效例如color、font-size之类的 但像widths, margins, padding, 和 borders 不会被继承，如果被继承，设想一下，给父节点加了一个border，里面的每个子孙元素都有一个border，这不是我们通常想要的效果 如何来控制这些属性呢？ CSS 为控制继承提供了四个特殊的通用属性值。每个css属性都接收这些值。 inherit 设置该属性会使子元素属性和父元素相同。实际上，就是 “开启继承”. initial 设置属性值和浏览器默认样式相同。如果浏览器默认样式中未设置且该属性是自然继承的，那么会设置为 inherit 。 unset 将属性重置为自然值，也就是如果属性是自然继承那么就是 inherit，否则和 initial一样 这里有一个简单的demo： 12345678910111213141516171819202122232425262728293031<div> <h2> ...
2022-04-01
antdv动态表单组件
你已春色摇曳，我仍一身旧雪。——送花的人走了 分享一个自己写的antdv动态表单组件 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618...
2026-01-10
bilibili-API-collect
时间就是生命，无端的空耗别人的时间，其实无异于谋财害命的。——鲁迅 今天来点真材实料：把 B 站的接口资料“一网打尽”的开源文档库——bilibili-API-collect。仓库地址：SocialSisterYi/bilibili-API-collect，官网文档（GitHub Pages）：https://socialsisteryi.github.io/bilibili-API-collect/ 一句话（来自仓库 description）：哔哩哔哩-API收集整理【不断更新中….】 这玩意儿到底有啥用 它是面向开发者的“接口百科全书”：把 B 站的各类 API 使用方法集中整理，持续更新。 主题覆盖广（见仓库 Topics）：api、bilibili、bilibili-api、bilibili-live、bilibili-login、bilibili-download、bilibili-danmaku、bilibili-comment、grpc、json。 自带文档站点：用 VuePress（仓库有 .vuepress 目录）把 Markdown 文档发布成...
2022-06-19
ts中枚举
现实生活喜欢对称和轻微的时间错移。——博尔赫斯《南方》 填坑，官方文档：https://www.typescriptlang.org/docs/handbook/enums.html 我新建了一个vue项目用来演示 这里代码如下： 12345678910enum Direction { Up, Down, Left, Right}console.log({ Direction });console.log({ 'Object.entries(Direction)': Object.entries(Direction) });console.log({ 'Direction[0]': Direction[0] });console.log({ 'Direction.Up': Direction.Up }); 打印结果如下： 定义一个双向绑定的值 1const count = ref(Direction.Up)...
2022-06-25
fokus
死亡，就是你加上这个世界，再减去你。——卡尔维诺 分享一个好玩的开源项目，演示地址： https://lab.hakim.se/fokus/ 代码仓库：https://github.com/hakimel/Fokus 演示效果： 当我们在页面上框选时，会在页面上加个蒙版，高亮框选区域 使用方式，首先下载fokus.min.js 官方链接 备用链接 然后引用 1<script src="/js/fokus.min.js"></script> 最后编写代码(随便写点) 1234567891011121314151617181920212223242526272829303132333435363738394041<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont...
2023-07-28
psd脚本坑
爱情可意会，不可言传——佚名 psd的js脚本 | 阿超 问题出在我在编写一个执行psd脚本的脚本时 大概代码如下： 123for (var i = 0; i < files.length; i++) { $.evalFile(files[i])} 问题来了，这里的i在files[i]对应这个脚本里也用到了i变量 结果等我debug发现，其变量收到了污染。。。 i等执行完毕这个脚本后变成了循环预期外的值 换个变量即可