headroom.js
发表于|更新于
|浏览量:
寡言省谤，寡欲保身——佚名
昨天说到了enquire.js
作者还有一个更加多stars的项目headroom.js，目前有10.9K stars
https://github.com/WickyNilliams/headroom.js
官网网址：https://github.com/WickyNilliams/headroom.js
这个项目就是一个简单的头部，往下滑头部会收起来，往上又出现
.gif)
相关推荐
2020-11-26
vue路由NavigationDuplicated错误
有志者，事竟成，破釜沉舟，百二秦关终属楚；苦心人，天不负，卧薪尝胆，三千越甲可吞吴。——蒲松龄 如果遇到了Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location异常 可以在router里配置一下 1234567891011121314151617181920import Vue from 'vue'import Router from 'vue-router'// 解决路由重复问题const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}Vue.use(Router)export default new Router({...
2022-06-18
js拖拽框选插件
只要你具备了精神气质的美，只要你有这样的自信，你就会拥有风度的自然之美。——金马 分享一个js的拖拽框选插件 官网：https://dragselect.com/ 源码：https://github.com/ThibaultJanBeyer/DragSelect.git 使用： 1pnpm i dragselect 有前端大佬翻译了部分，并编写了一个html的demo https://gitee.com/ovsexia/DragSelect-Doc-Cn 我在使用过程中发现反选有点问题，所以如果是跟我一样pnpm i下载下的版本，应该也会有这个问题，因此反选自己实现即可，这是我按照上面链接中的demo在vue模块化项目中的组件： TagDragSelect.vue 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828...
2023-06-07
image-conversion
失之毫厘，差之千里。——佚名 分享一个js图像库： https://github.com/WangYuLue/image-conversion Install12345npm i image-conversion --save# or yarn add image-conversion Include the libraryin browser: 1<script src="https://cdn.jsdelivr.net/gh/WangYuLue/image-conversion/build/conversion.js"></script> in CommonJS: 1const imageConversion = require("image-conversion"); in ES6: 1import * as imageConversion from 'image-conversion'; or 1import {compress, compressAccurat...
2025-06-16
mermaid-live-editor
教学的艺术不在于传授本领，而在于关于激励、唤醒、鼓舞。——第斯多惠 https://github.com/mermaidjs/mermaid-live-editor Mermaid Live Editor：在线绘制和分享流程图、时序图的神器在日常开发、产品设计和文档编写中，流程图、时序图、甘特图等可视化图形是表达系统逻辑、业务流程和协作方案的利器。Mermaid 作为一款流行的文本化图形描述工具，在开发者和技术团队中拥有极高的口碑。而 @mermaidjs/mermaid-live-editor 正是将 Mermaid 的强大能力带到了浏览器，让你即开即用、即写即画。 什么是 Mermaid Live Editor？Mermaid Live Editor 是一个基于浏览器的在线编辑器，专门用于编写和实时渲染 Mermaid 语法的各种图表。你只需要用简单的 Markdown 风格文本描述图表结构，编辑器即可自动渲染为可视化图形，并且支持导出、分享、预览等便捷操作。 主要特性1. 实时预览与高亮 左侧输入 Mermaid 语法，右侧实时渲染对应图形。 支持语法高亮...
2025-02-03
tiptap
暮冬时烤雪，迟夏写长信。——陈鸿宇 https://github.com/ueberdosis/tiptap/https://tiptap.dev/ 最近在做富文本编辑器的项目时，发现了 Tiptap，这是一个基于 ProseMirror 的现代化富文本编辑器框架。Tiptap 拥有高度的可扩展性、灵活的 API 和出色的跨平台支持，非常适合构建复杂的文本编辑体验。它在社区中有着很高的评价，并且已经在许多企业级项目中得到应用。 Tiptap 是什么？Tiptap 是一个为现代 Web 应用设计的富文本编辑器框架，采用模块化设计，允许开发者自由组合功能和插件。不同于传统的 WYSIWYG（所见即所得）编辑器，Tiptap 提供了更细粒度的内容控制能力，让开发者能够精确定义编辑器的行为和外观。 Tiptap 的核心依赖 ProseMirror，这是一个非常强大的文本编辑引擎。Tiptap 通过封装 ProseMirror 的复杂性，提供了更易用的开发接口，使得构建富文本编辑器变得更加简单高效。 Tiptap 的特点 模块化和可扩展性Tiptap 的插件系统使得开发者可以按需引...
2024-01-17
js人脸检测
家······是抵御一切可怕东西的庇护所；阴影，黑夜，恐怖，不可知的一切都给挡住了。——罗曼·罗兰 分享一个js人脸检测用例： https://codepen.io/mediapipe-preview/pen/OJByWQr 使用框架： https://github.com/google/mediapipe
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog