npm install -S react-text-transition

npm run dev

import React from 'react';
import TextTransition, { presets } from 'react-text-transition';
const TEXTS = ['Forest', 'Building', 'Tree', 'Color'];

const App = () => {
  const [index, setIndex] = React.useState(0);

  React.useEffect(() => {
    const intervalId = setInterval(
      () => setIndex((index) => index + 1),
      3000, // every 3 seconds
    );
    return () => clearTimeout(intervalId);
  }, []);

  return (
    <h1>
      <TextTransition springConfig={presets.wobbly}>{TEXTS[index % TEXTS.length]}</TextTransition>
    </h1

SunCalc 是一个小型 BSD 许可的 JavaScript 库，用于计算给定位置和时间的太阳位置、日照相位（日出、日落、黄昏等时间）、月亮位置和月相，由Vladimir Agafonkin ( @mourner ) 创建，是SunCalc.net 项目的一部分。

大多数计算都基于天文学问答网站上关于太阳和行星位置的优秀文章中给出的公式。您可以在维基百科的“暮光”条目中阅读SunCalc计算出的不同暮光阶段。

// get today's sunlight times for London
var times = SunCalc.getTimes(new Date(), 51.5, -0.1);
// format sunrise time from the Date object
var sunriseStr = times.sunrise.getHours() + ':' + times.sunrise.getMinutes();

// get position of the sun (azimuth and

Simple.css 是一个 CSS 模板，可让您快速创建一个美观的网站。

了解更多信息，请访问https://simplecss.org。

任何一款主流浏览器都比IE11强（IE为什么现在还有人用？）

Danfo.js是一个 JavaScript 包，它提供快速、灵活且富有表现力的数据结构，旨在让处理“关系型”或“带标签”数据变得轻松直观。它深受Pandas库的启发，并提供类似的 API。这意味着熟悉Pandas的用户可以轻松上手 Danfo.js。

• Danfo.js 速度很快，并且开箱即用地支持 Tensorflow.js 张量。这意味着您可以将 Danfo 数据结构转换为张量。
• 轻松处理浮点数据和非浮点数据中的缺失数据（表示为）。NaN
• 大小可变性：可以向 DataFrame 中插入/删除列。
• 自动和显式对齐：对象可以显式地与一组标签对齐，或者用户可以忽略标签Series，DataFrame让算法在计算中自动对齐数据。
• 强大而灵活的分组功能……

演示

• 适用于 Firefox、Edge、Safari 和 Chrome 浏览器。
• 原生支持触摸设备（手机和平板电脑）。
• 丰富的文档、教程和Slack 支持。
• 单个 canvas 元素，以即时模式绘制，数据大小不影响性能。
• 支持无限行和列，无需分页或加载。
• 使用熟悉的 W3C DOM 接口提供丰富的事件、方法和属性 API。
• 可扩展的样式、筛选、格式化、调整大小、选择和排序功能。
• 支持行级内部网格以及单元格网格的分层钻取样式。
• 可自定义的层级式上下文菜单。
• 内置样式和自定义样式。
• W3C Web组件。可在所有框架中使用。
• 使用 localStorage 实现每个用户的样式、列大小、行大小、视图偏好和设置。
• 文件大小小

文档

教程

Slack 支持（请联系作者获取邀请）

风格构建器

下载最新版本（精简版）

测试

源代码

最新测试覆盖率

使用npm

npm install canvas-datagrid

将单个源文件./dist/canvas-datagrid.js放在您的……

背心文档

Vest 是一个声明式验证框架，旨在简化 Web 应用程序表单验证的编写和维护过程。Vest 的灵感来源于 Mocha 和 Jest 等流行的单元测试库，它允许开发人员使用类似套件的语法来描述验证需求，将验证逻辑与功能逻辑分离，从而创建更易于维护和阅读的代码。

Vest 的框架无关性意味着它可以与任何 UI 框架配合使用，也可以完全不使用任何框架。借助 Vest，您可以减少代码臃肿，提高功能可读性和可维护性，并增强 Web 应用程序的用户体验。

test('username', 'Username is required', () => {
  enforce(data.username).isNotBlank();
});
test('username', 'Username must be at least 3 chars', () => {
  enforce(data.

• 只需几行代码，即可为任何网页添加 3D 动画数字艺术。
• 工作原理：Vanta 将动画效果作为背景插入到任何 HTML 元素中。
• 可与原生JS、React、Angular、Vue等框架配合使用。
• 特效由three.js（使用 WebGL）或p5.js渲染。
• 特效可以与鼠标/触摸输入进行交互。
• 效果参数（例如颜色）可以轻松修改，以匹配您的品牌。
• 压缩和 gzip 处理后，新增文件大小约为 120kb（主要是 three.js），比同等大小的背景图片/视频要小。
• Vanta 内置了许多预设特效供您尝试。更多特效即将推出！

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta/dist/vanta.waves.min.js"></script>
<script

$ npm install -g gest

然后发送查询gest（发音为guest [/ɡest/]）。

$ gest [options] [query | pathToFileWithQuery]

$ gest '{ test }'

或者

$ gest test.graphql

# with `test.graphql` containing
{
  test
}

或多个

$ gest test.graphql '{ test }' introspection.graphql
# will run all three queries!

如果运行命令gest时不带任何参数，它将打开一个 REPL 界面供您运行查询：

$ gest

Query: { test }

{
  data: {
    test: "success!"
  }
}

如果您baseURL在请求中指定了 URL config，gest则会发送一个POST请求，并将您的查询正确编码到请求体中。您的baseURLURL 必须是有效的 URL。

您可以使用-H key=value 标志来指定 HTTP 标头。

如果您正在使用Now工作流程，这将特别方便。

$

满足您所有真实需求的虚假数据🙂

在浏览器和NodeJS中创建海量虚假数据。支持树摇算法且完全类型化。

✅ 203 个函数
✅ 支持摇树优化
✅ 完全类型化
✅ 工厂函数
✅ 实体函数
✅ 单个结果和数组结果

🤓 请访问文档网站了解详情

赞助有助于ngneat库的持续开发和维护。请考虑邀请贵公司赞助ngneat，因为ngneat是贵公司业务和应用开发的核心。

成为黄金赞助商，提升您的支持力度，您的徽标将醒目地出现在我们前 5 个存储库的 README 文件中。

成为黄金赞助商，即可提升您的支持力度，您的徽标将在我们的 README 文件前 3 个存储库中显著展示，让您备受瞩目。

成为铜牌赞助商，即可将您的徽标添加到我们在 GitHub 上的 README 文件中。

延迟加载会延迟加载长网页中的图片。位于视口外的图片只有在用户滚动页面后才会加载。这与图片预加载相反。

这是基于原生 JavaScript 编写的现代版Lazy Load插件。它使用Intersection Observer API来检测图片何时进入浏览器视口。原始代码的灵感来源于Matt Mlinac 的YUI ImageLoader工具。新版本大量借鉴了 Dean Hume 的一篇博客文章。

默认情况下，延迟加载会假定原始高分辨率图像的 URL 存在于data-src属性中。您还可以在该属性中包含一个可选的低分辨率占位符src。

<script src="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.js"></script>
<img class="lazyload" data-src="img/example.jpg" width="765" height="574" />
<img class="lazyload"