阿超

锲而舍之，朽木不折;锲而不舍，金石可镂。——《荀子·劝学》 https://github.com/woxingxiao/BubbleSeekBar BubbleSeekBar：优雅的 Android 自定义进度条组件在 Android 开发中，进度条（SeekBar）是一个重要的控件，常用于调节数值或显示进度。然而，原生的 SeekBar 功能有限，无法满足一些视觉效果和交互体验的需求，比如显示实时数值或提供更直观的用户反馈。 今天我们来介绍一个开源的 Android 自定义控件——BubbleSeekBar。它不仅功能强大，还拥有优雅的视觉效果，能够轻松实现实时数值显示的需求。 什么是 BubbleSeekBar？BubbleSeekBar 是一个高度可定制的 Android 自定义控件，用于实现带有气泡样式的 SeekBar。在拖动进度条时，气泡会显示当前的数值，提供更好的用户反馈和交互体验。 主要功能 实时数值显示：气泡会在用户拖动进度条时显示当前数值。 高度可定制化： 支持设置气泡样式、颜色、大小等。 支持定制进度条的样式、颜色和分布。 支持分段模式：可以将进...

天将降大任于是人也，必先苦其心志，劳其筋骨，饿其体肤，空乏其身，行拂乱其所为。——《孟子·告子下》 首先是package.json 123456789101112131415161718192021222324{ "name": "basic", "private": true, "scripts": { "dev": "vite", "build": "tsc && vite build", "serve": "vite preview" }, "dependencies": { "antd": "^5.25.3", "react": "^18.2.0", "react...

岁寒，然后知松柏之后凋也。——《论语·子罕》 https://github.com/eclipse-theia/theia Eclipse Theia：下一代云端和桌面 IDE 框架随着开发工具的不断进化，基于云的开发环境和桌面 IDE 正在逐渐融合。Eclipse Theia 是由 Eclipse 基金会领导的开源项目，旨在为现代开发者提供一个可扩展且灵活的 IDE 框架，无论是在云端还是本地，都可以高效运行。 在本文中，我们将深入了解 Eclipse Theia 的核心优势、功能特性以及如何快速上手。 什么是 Eclipse Theia？Eclipse Theia 是一个基于 TypeScript 和 Node.js 的开放式 IDE 框架，它可以运行在浏览器和桌面环境中。Theia 的设计目标是为开发者提供类似 Visual Studio Code 的体验，但同时具备更高的灵活性和完全开源的优势。 Theia 不仅仅是一个 IDE，而是一个框架。它允许开发者基于自己的需求定制 IDE，支持丰富的扩展，同时兼容 VS Code 插件生态。 核心特性1. 跨平台支持Th...

会当凌绝顶，一览众山小。 —— 杜 甫《望岳》 https://github.com/haochuan9421/vue-ueditor-wrap vue-ueditor-wrap：轻松集成 UEditor 到 Vue 项目在 Web 开发中，富文本编辑器是许多应用的重要组成部分，尤其是在博客系统、内容管理平台（CMS）等场景中。作为经典的富文本编辑器，UEditor 功能强大，但在现代前端框架（如 Vue）中使用时可能略显复杂。 今天我们来介绍 vue-ueditor-wrap，一个基于 Vue 的封装组件，旨在让开发者轻松将 UEditor 集成到 Vue 项目中。 什么是 vue-ueditor-wrap？vue-ueditor-wrap 是一个 UEditor 的 Vue 封装组件，提供了简洁的 API 和灵活的配置选项。它解决了原生 UEditor 在 Vue 项目中的集成难题，让开发者无需处理复杂的初始化逻辑。 主要功能 快速集成：通过简单的配置，即可将 UEditor 嵌入 Vue 项目。 支持双向绑定：轻松实现 Vue 的 v-model 与 UEditor...

有志者事竟成。 ——《后汉书·耿 列传》 https://github.com/volcano-sh/volcano Volcano：高性能容器批量调度系统在云原生时代，容器技术和 Kubernetes 已成为现代分布式系统的核心。然而，针对批处理任务（Batch Jobs）和大规模计算任务，Kubernetes 的默认调度器无法完全满足高性能、复杂依赖和资源优化的需求。这正是 Volcano 项目诞生的原因。 本文将介绍 Volcano 的核心功能、应用场景以及如何快速上手。 什么是 Volcano？Volcano 是一个基于 Kubernetes 的批量调度系统，专为高性能计算（HPC）、人工智能/机器学习（AI/ML）、大数据处理等工作负载设计。它增强了 Kubernetes 的调度能力，使其更高效地处理复杂的批处理任务和资源密集型应用。 Volcano 的核心特性 批量调度：支持批量任务调度，优化任务的执行顺序和资源利用率。 任务优先级：通过任务的优先级和公平性策略进行资源分配。 依赖管理：支持任务之间的 DAG（有向无环图）依赖关系，确保任务...

丈夫志四海，万里犹比邻。—— 曹 植《赠白马王彪》 https://github.com/lopspower/CircularProgressBar Android 自定义控件推荐：CircularProgressBar 完美实现圆形进度条在 Android 开发中，进度条是一种非常常见的 UI 元素，用于展示任务的完成进度。虽然系统自带了 ProgressBar，但其样式单一，无法满足复杂的 UI 需求。为了解决这一问题，CircularProgressBar 提供了一种简单易用的解决方案，帮助我们轻松实现高度定制化的圆形进度条。 本篇文章将为你详细介绍 CircularProgressBar 的功能、特点以及如何快速上手使用。 什么是 CircularProgressBar？CircularProgressBar 是一个开源的自定义控件，用于实现 Android 中的圆形进度条。由 lopspower 开发，CircularProgressBar 提供了灵活的 API 和丰富的样式选项，可以轻松满足各种设计需求。 CircularProgressBar 的功能亮点 高...

志当存高远。—— 诸葛亮《诫外生书》 https://github.com/getActivity/TitleBar Android 开发神器：TitleBar 的使用与优势解析在 Android 开发中，标题栏（TitleBar）是应用界面设计中不可或缺的一部分。然而，原生的 Toolbar 或 ActionBar 功能有限且自定义成本较高，给开发者带来不少麻烦。为了解决这些痛点，TitleBar 组件应运而生。 今天我们来介绍一个开源库 TitleBar，它是由 getActivity 团队开发的轻量级标题栏工具，帮助开发者快速而灵活地实现标题栏功能。 为什么选择 TitleBar？TitleBar 是一个功能强大且高度可定制的标题栏解决方案，以下是它的主要特点： 高度自定义：支持自定义标题、左右按钮、背景颜色等，满足各种 UI 需求。 轻量易用：只需简单配置即可快速集成，无需繁琐的代码。 兼容性强：支持 Android 各版本，且与多种布局兼容。 代码简洁：使用 TitleBar 可以大幅减少代码量，提升开发效率。 持续维护：由活跃的开源社区支持，拥有完善的文档和示...

青，取之于蓝而青于蓝;冰，水为之而寒于水。 ——《荀子·劝学》 代码如下： 1234567891011121314import { Boot, createEditor, createToolbar, SlateEditor, SlateElement, SlateNode, SlateText, SlateTransforms} from '@wangeditor/editor'SlateTransforms.insertNodes(editor, nodes)editor.updateView() 这里的nodes格式参考 https://www.wangeditor.com/v5/node-define.html 节点数据结构wangEditor 是基于 slate.js 为内核开发的，所以学习本文之前，要先了解 slate Node 设计 。 是什么很多同学可能根本不知道本文要讲什么，对于这里的“节点”和“数据结构”也不知何意。没关系，接下来通过几个问题，就可以让你快速入门。 我们通过 API 的学习，已经知道...

志不强者智不达。——《墨子·修身》 在一个 JavaScript + Vue 项目中引入 TypeScript 编写的代码组件 1. 保证依赖支持 TypeScript 安装 TypeScript 相关依赖（如果还没有）： 12npm install --save-dev typescriptnpm install --save-dev @types/node 如果你的 Vue 版本是 Vue 2，建议也装上 vue-property-decorator 和 vue-class-component（class 风格）： 1npm install --save vue-class-component vue-property-decorator 2. 配置 tsconfig.json 在项目根目录新建或完善 tsconfig.json，确保包括你的 TypeScript 组件目录。例如： 123456789101112131415161718192021222324252627{ "compilerOptions": { &q...

天行健，君子以自强不息。——《周易·乾·象》 https://codepen.io/0biwan/pen/ggVemP html 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071<div class="container"> <div class="tools"> <div class="colors"> <button data-color="0" class="bg-1">&amp;0</button> <button data-color="1" class="bg-2">&amp;1</button> &...