https://github.com/marinerer/jotter

🚗 记录一些轻量级的前端库 (造轮子)。👉 主打 "简洁、通用、无依赖"。
https://github.com/marinerer/jotter

dateformatter drag drag-and-drop draggable emitter event-emitter from-now position reconnecting-websocket relative-time websocket websocket-connection

Last synced: 7 days ago
JSON representation

🚗 记录一些轻量级的前端库 (造轮子)。👉 主打 "简洁、通用、无依赖"。

• Host: GitHub
• URL: https://github.com/marinerer/jotter
• Owner: Marinerer
• Created: 2023-02-21T14:15:53.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-27T15:17:28.000Z (10 days ago)
• Last Synced: 2024-10-29T23:56:22.524Z (8 days ago)
• Topics: dateformatter, drag, drag-and-drop, draggable, emitter, event-emitter, from-now, position, reconnecting-websocket, relative-time, websocket, websocket-connection
• Language: TypeScript
• Homepage:
• Size: 322 KB
• Stars: 5
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Jotter

> Document some lightweight front-end libraries (wheel building). The main features is "simple, universal, no dependence".

记录一些轻量级的前端库 (造轮子)。👉 主打 "简洁、通用、无依赖"。

全部来自工作中开发的源码，非常适合项目中实现一些简单功能。

## Why?

为什么会存在这个库呢？

> 😄 高情商：分享、学习、乐趣。  

> 😨 低情商：无聊。为了挤压游戏时间，因为”不仅菜，还爱玩“。

## Packages

| Package                                                      | Status                                                       |

| ------------------------------------------------------------ | ------------------------------------------------------------ |

| [@jotter/animator](https://github.com/Meqn/jotter/tree/main/libs/animator) | Animator is an animation playback controller. |

| [@jotter/drag](https://github.com/Meqn/jotter/tree/main/libs/drag) | Lightweight "drag-and-drop" library of draggable elements within a specified range. |

| [@jotter/emitter](https://github.com/Meqn/jotter/tree/main/libs/emitter) | Simple and modern event emitter library. |

| [@jotter/websocket](https://github.com/Meqn/jotter/tree/main/libs/websocket) | Modern and useful WebSocket wrapper, with standard WebSocket API. |

| [@jotter/dateformat](https://github.com/Meqn/jotter/tree/main/libs/dateFormat) | a date/time formatting function. |

| [@jotter/from-now](https://github.com/Meqn/jotter/tree/main/libs/fromNow) | a relative time formatting functions. |

| [@jotter/position](https://github.com/Meqn/jotter/tree/main/libs/position) | Positioning a DOM element relative to another DOM element. |

### @jotter/animator

Animator 是一个动画播放控制器。它提供了播放控制、进度控制、速率控制等功能，可以方便地创建和控制JavaScript动画。

### @jotter/drag

一个轻量级的拖拽库，允许你快速创建在指定范围内可拖动的元素。

### @jotter/emitter

一个功能丰富的事件订阅/发布库，方便您在应用程序中实现事件的订阅、发布和取消订阅。

### @jotter/websocket

标准且有用的WebSocket包装器（使用标准的`WebSocket API`）。具有心跳检测，异常消息处理和自动重连机制。

**Feature :**

* 🕰 拥有和`WebSocket`相同的API和调用方式;

* ⚙️ 完全可配置;

* 🧬 异常情况下断开自动重连，可自定义重连规则;

* 📮 消息缓冲（在连接成功时发送累积消息）;

* 💗 内置心跳检测方法，始终处于保活状态。

### @jotter/dateformat

轻巧易用的日期/时间格式化函数。根据传入的占位符返回格式化后的日期/时间。

### @jotter/from-now

灵活且可自定义的相对时间格式化函数。  

您可以通过自定义格式化中使用的语言和阈值，生成合适的相对时间方式显示。

### @jotter/from-now

`position` 提供了一组简单的方法，轻松的将一个DOM元素相对于另一个DOM元素进行定位操作。