JavaScript 项目

prisma

第 69 期 Star 19.8k Watch 180 Fork 701
适用于 Node.js 和 TypeScript 的 ORM。支持主流数据库可用于开发 REST API、GraphQL API、gRPC API 等任何需要连接数据库的程序，项目还包括了数据迁移工具和管理数据的 GUI 工具

import { PrismaClient } from '@prisma/client'

const prisma = new PrismaClient()

// A `main` function so that you can use async/await
async function main() {
  const allUsers = await prisma.user.findMany({
    include: { posts: true },
  })
  // use `console.dir` to print nested objects
  console.dir(allUsers, { depth: null })
}

main()
  .catch((e) => {
    throw e
  })
  .finally(async () => {
    await prisma.$disconnect()
  })

S2

第 69 期 Star 301 Watch 43 Fork 33 中文
高性能多维交叉分析表格工具。提供 KPI 趋势表、占比表、对比表等多种表格样式，开箱即用上手简单拥有详细的文档。通过按需渲染和虚拟滚动等方式，实现在百万级数据量秒级渲染、滚动不卡顿。在线体验

context-note

第 69 期 Star 412 Watch 8 Fork 36
带上下文的网页笔记浏览器插件。大多数时候我们使用书签来标记网站链接，但在一些特定的场景中比如阅读文章和浏览信息时，就需要对特定的句子及其上下文进行标记。这个项目提取了信息的内容和位置，有上下文容易回顾，一键跳转方便溯源

arco-design

第 69 期 Star 2.6k Watch 27 Fork 218
基于 ArcoDesign 的 React/Vue UI 组件库。包含 60 多个开箱即用的高质量组件，还提供了可视化的样式配置平台，可用于快速构建企业级管理后台

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@arco-design/web-react';
import '@arco-design/web-react/dist/css/arco.css';

function App() {
  return (
    <Button type='secondary'>
      Hello World
    </Button>
  );
}

ReactDOM.render(<App />, document.getElementById('app'));

automa

第 68 期 Star 3.3k Watch 45 Fork 288
通过图形化界面拖拽功能模块，实现浏览器自动操作的扩展工具。轻松实现自动填表、截图、定时执行等操作。让浏览器自动完成预设工作流的插件，从而减少重复性操作提高效率

pm2

第 68 期 Star 36.3k Watch 666 Fork 2.4k
Node.js 的进程管理工具。它容易上手操作简单，可以有效地提高 Node.js 程序运行的稳定性，支持自动重启、负载均衡、不停服务重启、性能监控等功能，多用于生产环境中管理、监控 Node.js 进程

colorfu

第 68 期 Star 246 Watch 2 Fork 31 中文
自动生成由文字/颜色/图片/纹理元素组成的壁纸。在线尝试

vue-color-avatar

第 68 期 Star 1.1k Watch 6 Fork 132 中文
纯前端实现的矢量风格头像生成网站。可以通过搭配不同的素材，生成个性化头像。该项目使用 Vite + Vue3 开发，能够帮助前端初学者熟悉 Vue3 语法并掌握项目搭建的相关知识

semi-design

第 67 期 Star 5.2k Watch 61 Fork 349
抖音开源的中后台前端解决方案。包含设计语言、React 组件、主题，开箱即用可快速搭建美观的 React 应用

• 使用 TypeScript
• 强大的主题定制
• 国际化
• 支持 SSR

lexer

第 67 期 Star 200 Watch 5 Fork 12 中文
在线编程语言词法分析器。基于 DFA 算法实现支持多语言扩展，可用于代码编辑器的语法高亮等场景。同时项目的代码量少还有详细的源码讲解文档，适合对词法分析感兴趣的小伙伴学习。在线尝试

// 词法分析器
let lexer = {
    // 有限状态自动机 deterministic finite automaton
    DFA: {
        result: {
            matchs: [], // 已匹配的字符队列
            tokens: [], // 已生成的token列表
        },
        state: DFA_STATE_CONST.S_RESET, // 当前机器的状态
        events: {
            flowtoNextState(ch, state) {
                lexer.DFA.resultChange.pushToMatchs(ch);
                lexer.DFA.state = state;
            },

            flowtoResetState() {
                lexer.DFA.state = DFA_STATE_CONST.S_RESET;
            },
        },
    },
};

---