SmoothBottomBar
一寸光阴一寸金,寸金难买寸光阴。——《增广贤文》 https://github.com/ibrahimsn98/SmoothBottomBar SmoothBottomBar:轻量级的 Android 底部导航栏库在现代移动应用中,底部导航栏是常见的设计模式之一,它为用户提供了直观的导航操作。SmoothBottomBar 是一个轻量级的 Android 库,专为实现流畅的 Material Design 风格底部导航栏而设计。 什么是 SmoothBottomBar?SmoothBottomBar 是一个开源的 Android 底部导航栏库,旨在为开发者提供一个简单、可定制且高效的解决方案。它基于 Material Design 指南,支持多种样式和动画效果,非常适合需要实现现代化用户界面的项目。 核心特点: 轻量级:库的体积小,对应用性能影响极低。 Material Design 风格:完全遵守 Material Design 设计规范。 高度可定制:支持自定义颜色、图标、文本和动画效果。 流畅的动画:提供一流的视觉效果,增强用户体验。 易于集成:无需复杂的配置即可快速...
vue2-editor
一寸光阴一寸金,寸金难买寸光阴。——《增广贤文》 https://github.com/davidroyer/vue2-editor Vue2Editor:基于 Vue.js 和 Quill 的轻量级文本编辑器在现代 Web 开发中,富文本编辑器是许多应用(如博客、评论系统和内容管理系统)中的关键组件。Vue2Editor 是一个基于 Vue.js 和 Quill 的开源富文本编辑器,提供了简洁易用的接口和强大的功能,适合 Vue 2.x 项目的开发者。 什么是 Vue2Editor?Vue2Editor 是一个使用 Vue.js 和 Quill 构建的富文本编辑器,旨在为开发者提供一个轻量级、功能全面且易于集成的文本编辑解决方案。它基于 Quill.js 的强大功能,同时简化了在 Vue 项目中的集成过程。 核心特点: 基于 Vue 2.x:专为 Vue 2.x 项目设计。 强大的 Quill.js 支持:继承了 Quill.js 的所有功能,包括格式化、工具栏自定义和扩展支持。 易于集成:通过简单的 Vue 组件即可快速集成到项目中。 MIT 许可证:完全开源且免费。 ...
pickr
业精于勤,荒于嬉。—— 韩 愈《进学解》 https://github.com/simonwep/pickr Pickr:一个简单、多主题、响应式且可定制的颜色选择器库在网页设计和前端开发中,颜色选择器是一个不可或缺的工具。虽然许多框架提供了内置的颜色选择器,但它们往往难以扩展或自定义。Pickr 是一个轻量级、无依赖的颜色选择器库,它提供了丰富的功能,同时完全兼容所有主流 CSS 框架。 什么是 Pickr?Pickr 是一个开源的颜色选择器库,支持多种颜色格式(如 rgba、hsla、hsva 等),并提供多种主题和自定义选项。它专为现代前端开发设计,具有以下特点: 核心特点: 无依赖:不依赖任何第三方库(如 jQuery)。 多格式支持:支持 rgba、hsla、hsva、hex 和 CMYK 格式。 多主题:内置多种主题样式,兼容主流 CSS 框架(如 Bootstrap、Materialize)。 响应式设计:适配移动端和桌面端。 自定义能力:可通过 JavaScript 和 CSS 轻松自定义外观和功能。 支持透明度:包括 alpha 通道的选择。 轻量级:小巧...
snabbdom
少壮不努力,老大徒悲伤。—— 汉乐府古辞《长歌行》 https://github.com/snabbdom/snabbdom/ Snabbdom:轻量、高效、模块化的虚拟 DOM 库在现代前端开发中,虚拟 DOM 技术已成为流行的界面更新方式。许多框架(如 React、Vue.js)都内置了虚拟 DOM 功能。然而,Snabbdom 提供了一种更轻量化和可扩展的虚拟 DOM 解决方案,适合希望深入控制渲染过程的开发者。 什么是 Snabbdom?Snabbdom 是一个以简洁和高效为目标的虚拟 DOM 库,其核心代码不足 200 行,但提供了丰富的功能扩展能力。开发者可以根据需要选择模块或自定义功能,打造个性化的虚拟 DOM 架构。 核心特点: 极简核心:仅 200 行核心代码,易于理解和定制。 模块化设计:通过模块扩展功能,如样式、事件监听、动画等。 高性能:Snabbdom 是目前最高效的虚拟 DOM 库之一。 灵活的 hook 系统:支持 vnode 和全局模块的生命周期钩子。 支持 JSX 和 TypeScript:方便与现代前端工具链集成。 使用场景Snabb...
wangeditor自定义菜单
时间是衡量事业的标准。 —— 培根 代码如下: 12345678910111213141516171819202122232425262728293031323334import { DomEditor, IButtonMenu, IDomEditor, ISelectMenu } from '@wangeditor/editor'export class MentionMenu implements IButtonMenu { constructor() { this.title = '设置标签' // this.iconSvg = '<svg >...</svg>' this.tag = 'button' } title: string iconSvg?: string | undefined hotkey?: string | undefined alwaysEnable?: boolea...
wangeditor实现鼠标悬停选中句子
学校要求教师在他的本职工作上成为一种艺术家。 —— 爱因斯坦 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103import { DomEditor, IDomEditor, SlateEditor, SlateTransforms } from '@wangeditor/editor'function addMouseHoverListener(editor: IDomEditor) { const editorElement = DomEditor.toDOMNode(editor, editor) let hoverTimeout: NodeJS.Timeout | nu...
wangeditor自定义事件踩坑记录
任何职业都不简单,如果只是一般地完成任务当然不太困难,但要真正事业有所成就,给社会做出贡献,就不是那么容易的,所以,搞各行各业都需要树雄心大志,有了志气,才会随时提高标准来要求自己。 —— 谢觉哉 文档: https://www.wangeditor.com/v5/toolbar-config.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E4%BA%8B%E4%BB%B6 今天踩坑发现会重复触发,哪怕是使用的 1editor.once('event-key', fn) once只监听一次的,也会在一些情况下重复触发。。。
photoprism
懒惰——它是一种对待劳动态度的特殊作风。它以难以卷入工作而易于离开工作为其特点。 —— 杰普莉茨卡娅 https://github.com/photoprism/photoprism PhotoPrism:为去中心化网络设计的 AI 驱动照片管理应用随着数码摄影的普及,照片管理已经成为许多用户的日常需求。传统的云服务虽然方便,但隐私问题令人担忧。PhotoPrism 是一款面向去中心化网络的 AI 驱动照片管理应用,它提供了强大的功能,同时让用户掌控自己的数据。 什么是 PhotoPrism?PhotoPrism 是一个开源的照片管理应用,结合了人工智能和机器学习技术。用户可以在本地或私有云中部署 PhotoPrism,利用其智能分类、搜索和管理功能,方便地浏览和组织自己的照片和视频。 核心特点: AI 驱动:基于 TensorFlow 的智能照片和视频分类。 隐私优先:完全本地运行,无需依赖第三方云服务。 支持多种格式:兼容 JPEG、PNG、RAW、视频等多种格式。 强大的搜索功能:支持按日期、位置、标签等条件搜索。 自托管:用户可以在自己的服务器或私有云上完全控制数据...
nightingale
工作就是人生的价值,人生的欢乐,也是幸福之所在。 —— 罗丹 https://github.com/ccfos/nightingale Nightingale:现代化的监控与告警平台在现代化的系统运维中,监控与告警是不可或缺的关键环节。作为一款强大的开源平台,Nightingale 为用户提供了监控和告警功能,正如 Grafana 专注于可视化一样,Nightingale 专注于监控与告警。 什么是 Nightingale?Nightingale 是一款开源的监控和告警平台,灵感来源于 Open-Falcon,并针对现代化场景进行了优化和扩展。它提供了强大的监控数据采集、存储和告警能力,适用于各种规模的系统和应用场景。 核心特点: 全栈监控:支持从基础设施到应用程序的全栈监控。 灵活的告警规则:支持复杂的告警策略配置。 高性能:基于时间序列数据库(TSDB),可以处理海量数据。 开箱即用:提供易用的用户界面和预配置选项。 丰富的生态集成:与主流的监控工具和平台兼容,例如 Prometheus、Telegraf 等。 使用场景Nightingale 适用于以下场景: 基...
SwitchButton
对未来的最好策划,是善于处理目前,完成最近的的工作任务。 —— 麦唐纳 https://github.com/zcweng/SwitchButton SwitchButton:轻量级且易于自定义的 Android 开关控件在 Android 应用开发中,开关控件(Switch)是一个常见的 UI 元素,用于在两个状态之间切换。虽然 Android 提供了默认的 Switch 控件,但其样式和功能的自定义能力有限。SwitchButton 是一个开源的轻量级控件库,为开发者提供了一个美观、易于自定义的开关控件。 什么是 SwitchButton?SwitchButton 是一个专为 Android 平台设计的开关控件,旨在提供更高的可定制性和更好的视觉效果。它的设计轻量级,支持多种样式和动画效果,同时易于集成到项目中。 核心特点: 美观设计:内置丰富的样式,支持现代化的 UI。 轻量级:体积小,不影响应用性能。 易于自定义:支持修改颜色、尺寸、动画等属性。 简单易用:通过简单的 API 快速集成。 兼容性强:支持最低 Android API 11。 使用场景SwitchB...
