headroom.js
发表于|更新于
|浏览量:
寡言省谤，寡欲保身——佚名
昨天说到了enquire.js
作者还有一个更加多stars的项目headroom.js，目前有10.9K stars
https://github.com/WickyNilliams/headroom.js
官网网址：https://github.com/WickyNilliams/headroom.js
这个项目就是一个简单的头部，往下滑头部会收起来，往上又出现
.gif)
相关推荐
2023-12-15
node-sass版本适配问题
一个人几乎可以在任何他怀有无限热忱的事情上成功。 ——查尔斯·史考伯 今天发现node14安装不上node-sass 原来是有个更新日志对照表，针对mac，版本号对照如下： https://github.com/sass/node-sass/releases/tag/v4.14.1 Community Add GitHub Actions for Alpine CI (@nschonni, #2823) Fixes Bump sass-graph@2.2.5 (@xzyfer, #2912) Supported Environments OS Architecture Node Windows x86 & x64 0.10, 0.12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14 OSX x64 0.10, 0.12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14 Linux* x86 & x64 0.10, 0.12, 1, 2, 3, 4,...
2024-10-31
typescript-exercises（五）
一次冒险，胜过一千个安逸的日子。——保罗·科埃略《韦罗妮卡决定去死》 题目： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108/*Intro: Time to filter the data! In order to be flexible we filter users using a number of criteria and return only those matching all of the criteria. We don't need Admins yet, we only filter Users.Exercise: Without du...
2025-04-18
zod
人们因为能忘却，所以自己能渐渐的脱离了受过的苦痛，也因为能忘却，所以照样得再犯前人的错误。——鲁迅 探索 Zod：TypeScript-first 的模式验证库在现代 JavaScript 和 TypeScript 开发中，数据验证是不可或缺的一部分。而 Zod，一个以 TypeScript 为中心的模式验证库，提供了简洁、强大的工具来解决这一问题。本文将带你了解 Zod 的核心功能、使用方法及其开发者友好的特性。 什么是 Zod？Zod 是一个专为 TypeScript 设计的模式声明和验证库，旨在简化开发者的工作。它允许你定义模式（schema），并自动推断出 TypeScript 类型，同时对运行时数据进行验证。 Zod 的核心特点： TypeScript-first：Zod 的设计完全围绕 TypeScript，能够利用其类型推断和静态检查功能。 零依赖：与其他库不同，Zod 是一个零依赖的轻量级库，体积仅为 8kb（minified + gzipped）。 函数式编程风格：Zod 提供了一种连贯的链式接口，支持函数式编程。 跨平台支持：支持 Node.js 和现代...
2022-08-06
css background图片
只有用水将心上的雾气淘洗干净，荣光才会照亮最初的梦想。——『百年孤独』 MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/background 首先我们可以使用 1background: url(/img/oss/2020-06-01/head.jpg); 来指定背景图片 如果我们需要修改透明度，则可以使用其可以叠加的特性 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) 其次，我们可以设置拉伸效果和位置： 包含（表示不进行任何裁剪，多余的部分会空出，center是表示位置处于正中央） 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) center/contain no-repeat; 封面(以图片的短边铺满，会进行裁剪) 1...
2021-06-20
vue页面加载完毕之后执行
好奇心造就科学家和诗人。——法朗士 当vue页面加载完成后触发 我们在html开发中经常是使用window.onload实现 123window.onload = () => { } 但在vue中我们使用this.$nextTick 123this.$nextTick(() => { console.log("页面加载完啦~")}) 效果如下
2023-04-30
iconify
赢得友谊要靠智慧，保持友谊要靠美德，这两者是同等重要的。——威佩因特 分享一个图标项目： https://iconify.design/ 包含150K+的开源icon github：https://github.com/iconify/iconify 非常的给力！
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog