google、YouTube、Medium进度条
发表于|更新于
|浏览量:
当一个男人偷走了你的妻子时，最好的报复是让他去赡养她——吉特里
这是一个目前25K stars的项目
github：https://github.com/rstacruz/nprogress
演示网址：http://ricostacruz.com/nprogress
进度条是浏览器上方的这个
相关推荐
2020-08-23
js函数去重
记一个去重函数 1234var array = ["ruben", "ruben", "快乐", "阿超", "快乐"]console.log(array)array = Array.from(new Set(array))console.log(array) 输出结果
2023-09-11
css画一个圈带一条线
深窥自己的心，而后发觉一切的奇迹在你自己。——培根 用到的是css的background属性和radial-gradient 12345678910111213141516/** 淡蓝渲染到20px * 白色渲染到20px（分割线 * 白色渲染到21px（分割线 * 淡蓝渲染到21px * 淡蓝渲染到40px * 后续白色打底 */background: radial-gradient( circle at center, #f6faff 20px, #fff 20px, #fff 21px, #f6faff 21px, #f6faff 40px, #fff 0); 效果： .ruben{ background: radial-gradient( circle at center, #f6faff 20px, #fff 20px, #fff 21px, #f6faff 21px, #f6faff 40px...
2022-04-15
js中eval
如果你来访我，我不在，请和我门外的花坐一会儿，它们很温暖，我注视他们很多很多日子了。——汪曾祺 今天发现这么一个函数eval eval能够将传入的字符串当做js代码执行 例如处理json(请不要这样使用，正确的做法应该是使用JSON.parse(data))： 12let data = '{"nane":"ruben","age":11}'eval("("+data+")") 1234567891011console.log(eval('2 + 2'));// expected output: 4console.log(eval(new String('2 + 2')));// expected output: 2 + 2console.log(eval('2 + 2') === eval('4'));// expected output: truecon...
2021-09-23
sessionStorage
勤奋是一种可以吸引一切美好事物的天然磁石。 ——罗•伯顿 前端除了localStorage还有sessionStorage localStorage即便关闭了浏览器，再次打开该页面仍然存在 但sessionStorage的作用于仅仅局限于当前标签页或通过当前标签页中的点击事件打开的新页面 localStorage一般用于用户token储存、主题设置等需要稍微长期持久化的场景 sessionStorage一般用于刷新页面记住分页页码、记住检索条件等关闭标签页即销毁的场景 sessionStorage的api和localStorage的api非常相似： 12// 存sessionStorage.setItem("ruben","ruben") 取出来： 12// 取sessionStorage.getItem("ruben")
2021-11-12
数组解构赋值
倘若A代表人生的成功，那么公式是：A =X+Y+Z。X是工作，Y是游戏，z是保持缄默。——（美）爱因斯坦 我们以前从一个数组中获取第一项，可能是如下写法： 12let list = [1,2,3]let i = list[0] 有了解构赋值，可以如下写法： 12let list = [1,2,3]let [i] = list 如果稍微复杂点，例如下面这样从对象中取出来数组： 12let ruben = {hobby:['anime']}let favorite = ruben.hobby[0] 就可以写成： 12let ruben = {hobby:['anime']}let {hobby:[favorite]} = ruben 如果再复杂点 123let ruben = {hobby:['anime']}let achao = {favorite:undefined}achao.favorite =...
2025-02-27
animejs简单示例
乖孩子的路，疯子的路，五彩的路，浪荡子的路，任何的路。——杰克·凯鲁亚克的《在路上》 GitHub - juliangarnier/anime: JavaScript animation engine https://animejs.com/ 使用Anime.js这个强大的JavaScript动画库来实现一个简单的动画效果。我们将通过一个示例代码来展示如何使用Anime.js使一个div元素从透明变为不透明，并且从左向右移动50像素。 示例代码下面是我们的完整HTML代码： 1234567891011121314151617181920212223242526272829303132<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body { back...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog