headroom.js
发表于|更新于
|浏览量:
寡言省谤，寡欲保身——佚名
昨天说到了enquire.js
作者还有一个更加多stars的项目headroom.js，目前有10.9K stars
https://github.com/WickyNilliams/headroom.js
官网网址：https://github.com/WickyNilliams/headroom.js
这个项目就是一个简单的头部，往下滑头部会收起来，往上又出现
.gif)
相关推荐
2022-08-24
introjs
爱情沉默的地方，责任就要起作用——歌德 introjs是一个前端指引库 官网：https://introjs.com/ github：https://github.com/usablica/intro.js 用法也很简单： 引入： 12npm install intro.js --saveyarn add intro.js 或者 12https://unpkg.com/intro.js/minified/intro.min.jshttps://unpkg.com/intro.js/minified/introjs.min.css 使用： 12345678introJs().setOptions({ steps: [{ intro: "Hello world!" }, { element: document.querySelector('#login'), intro: "Click here to login!" }]}).st...
2024-11-13
uniapp-cli工程
人生苦短，虽说如此，还会感到无聊。——佚名 除了HBuilderX可视化界面，也可以使用 cli 脚手架，可以通过 vue-cli 创建 uni-app 项目。 #环境安装全局安装 vue-cli 1npm install -g @vue/cli 复制代码 #创建uni-app 使用正式版（对应HBuilderX最新正式版） 1vue create -p dcloudio/uni-preset-vue my-project 复制代码 使用alpha版（对应HBuilderX最新alpha版） 1vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project 复制代码 使用Vue3/Vite版 创建以 javascript 开发的工程（如命令行创建失败，请直接访问 gitee 下载模板） 1npx degit dcloudio/uni-preset-vue#vite my-vue3-project 复制代码 1npx degit dcloudio/uni-preset-vue#vite-alpha...
2025-05-24
CircularProgressBar
丈夫志四海，万里犹比邻。—— 曹 植《赠白马王彪》 https://github.com/lopspower/CircularProgressBar Android 自定义控件推荐：CircularProgressBar 完美实现圆形进度条在 Android 开发中，进度条是一种非常常见的 UI 元素，用于展示任务的完成进度。虽然系统自带了 ProgressBar，但其样式单一，无法满足复杂的 UI 需求。为了解决这一问题，CircularProgressBar 提供了一种简单易用的解决方案，帮助我们轻松实现高度定制化的圆形进度条。 本篇文章将为你详细介绍 CircularProgressBar 的功能、特点以及如何快速上手使用。 什么是 CircularProgressBar？CircularProgressBar 是一个开源的自定义控件，用于实现 Android 中的圆形进度条。由 lopspower 开发，CircularProgressBar 提供了灵活的 API 和丰富的样式选项，可以轻松满足各种设计需求。 CircularProgressBar 的功能亮点 高...
2024-11-12
uView升级http配置兼容变更
人生须知负责任的苦处，才能知道尽责任的乐趣。——梁启超 今天把老项目uniapp的http封装代码cv过来，发现用不了了，原因是uView版本升级了没适配 原先uView 1.x的方式： 123456789101112131415161718192021222324Vue.prototype.$u.http.setConfig({ baseUrl: 'http://localhost:8080/ruben', loadingText: '加载中...', loadingTime: 100,});Vue.prototype.$u.http.interceptor.request = (config) => { const token = uni.getStorageSync('token'); config.header.token = token; return config;}Vue.prototype.$u.http.interce...
2022-12-28
css直接引用svg代码
一切安乐，无不来自困苦。——《我是猫》 有些时候我们想直接引入一个svg图标，又不想创建svg文件，或者编写svg代码到html中，想直接在css中引入 可以转码+加前缀直接引用，这是一段svg代码 123456789101112<!-- svg: first layer --><svg viewBox='0 0 161 161' xmlns='http://www.w3.org/2000/svg'> <filter id='noiseFilter'> <feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/> </filter> <rect width='100%'...
2025-08-01
x6
人们宁愿去关心一个蹩脚电影演员的吃喝拉撒和鸡毛蒜皮，而不愿了解一个普通人波涛汹涌的内心世界。——路遥《平凡的世界》 X6 ：让你的流程图、DAG、ER图开发像搭积木一样高效有趣！如果你是一名开发者、产品经理，或者数据分析师，是否曾为“如何快速搭建一个好用、美观、可定制的流程图/DAG/ER图编辑器”而头疼？AntV X6，就是为了解决你的痛点而生的专业图编辑引擎！ X6是什么？X6 是 AntV 旗下的图编辑引擎，专为流程图、DAG 图、ER 图等各类图应用打造。它提供了简单易用的节点定制能力和丰富的交互组件，让你像搭积木一样快速实现强大、个性化的图应用，无论你是用 SVG、HTML、React、Vue 还是 Angular，都能轻松上手定制。官网直达：https://x6.antv.antgroup.com 四大核心特性，让图编辑开发变得“丝滑”！🌱 极易定制 支持 SVG/HTML/React/Vue/Angular 各种主流技术栈，无论你喜欢哪种方式，都能打造出炫酷的节点样式和交互效果。 节点、边都能灵活...