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...
Album
社会上崇敬名人,于是以为名人的话就是名言,却忘记了他所以得名是那一种学问和事业。 —— 鲁迅 GitHub - yanzhenjie/Album: :watermelon: Album and Gallery for Android platform. Album:Android 平台的相册与图库解决方案在 Android 应用开发中,相册与图库功能是一种常见的需求,无论是拍照、选择图片,还是视频管理。Album 是一个轻量级的开源库,为开发者提供了便捷的相册与图库功能解决方案。 什么是 Album?Album 是一个专为 Android 平台设计的相册与图库管理库,它支持图片和视频的选择、拍摄、裁剪等功能。通过 Album,开发者可以快速集成丰富的多媒体功能,而无需编写复杂的代码。 核心特点: 多媒体支持:支持图片、视频以及文件的选择和管理。 内置相机功能:支持直接拍照或录制视频。 裁剪与压缩:提供图片裁剪和压缩功能。 多选与单选模式:灵活选择单个文件或多个文件。 UI 友好:内置现代化的用户界面,提升用户体验。 使用场景Album 适用于以下场景: 图片...
NoHttp
在创作家的事业中,每一步都要深思而后行,而不是盲目瞎碰。 —— 米丘林 https://github.com/yanzhenjie/NoHttp NoHttp:为 Android 提供高效 HTTP 协议支持的框架在 Android 应用开发中,网络请求是不可或缺的一部分。虽然 Android 提供了基本的网络请求工具(如 HttpURLConnection 和 OkHttp),但它们的使用复杂性较高。NoHttp 是一个轻量级的 HTTP 框架,旨在简化网络请求的实现,同时提供丰富的功能和灵活性。 什么是 NoHttp?NoHttp 是一个为 Android 平台设计的网络请求框架,支持标准的 HTTP 协议,并提供多种缓存模式。它的底层架构允许动态切换不同的网络请求实现,如 OkHttp 和 HttpURLConnection,从而为开发者提供了高效且灵活的网络请求解决方案。 核心特点: 支持多种缓存模式:包括不缓存、仅缓存、网络优先等模式。 动态底层切换:可以在 OkHttp 和 HttpURLConnection 之间自由切换。 轻量级:专为 Android 设计,...
AndServer
古来一切有成就的人,都很严肃地对待自己的生命,当他活着一天,总要尽量多劳动,多工作,多学习,不肯虚度年华,不让时间白白地浪费掉。 —— 邓拓 https://github.com/yanzhenjie/AndServer https://yanzhenjie.com/AndServer AndServer:Android 平台的 Web 服务器与框架在移动开发中,构建轻量级的本地 Web 服务器或框架有时是必要的,例如在局域网中共享内容或搭建调试工具。AndServer 是一个专为 Android 平台设计的 Web 服务器与框架,它以简单、高效和灵活的特性,帮助开发者轻松实现 Web 服务功能。 什么是 AndServer?AndServer 是一个 Android 平台的 Web 服务器和框架,支持 HTTP 协议和 Spring MVC 样式的开发模式。它让 Android 应用程序能够像 Web 服务器一样运行,提供 RESTful 接口、静态资源服务等功能。 核心特点: 嵌入式 Web 服务器:支持在 Android 应用中嵌入 HTTP 服务器。 Spring ...
