notes 笔记notes 笔记
Home
Article
Category
Tag
Timeline
Home
Article
Category
Tag
Timeline
  • build

    • 环境变量
  • browse

    • 2fa
    • sse
    • token
  • database

    • mongodb

      • start
    • mysql

      • curd
      • 安装
      • join
      • 多对多
      • 性能优化
      • 表设计
      • 常见问题
  • docker

    • github-actions

      • local
      • prod
    • docker-compose
    • index
    • podman
  • file

    • 文件下载
    • 原生 node.js下载文件
  • git

    • index
    • multiple-github-accounts
    • auto-commit
    • pat
    • rebase
  • linux

    • grep
    • index
    • ssh
    • vim
    • windows
  • network

    • best-proxy-way
    • git-via-https
    • github-push-fail
  • nginx

    • acme.sh
    • cache
    • https
    • index
    • safe
  • node

    • fnm
    • tool
  • obsidian

    • ish
    • start
  • react

    • index
    • set-state
  • summary

    • index
  • vue

    • index
    • typescript
  • libs
  • open-source
  • 常用类
  • 常用工具
  • web框架
  • UI库
  • icon
  • 跨平台
  • hooks
  • 状态类
  • 远程状态
  • 动画类
  • web 应用更新提示
  • web 服务器
  • 调试工具
  • api调试
  • 封装类
  • 数据类
  • 时间类
  • 布局类
  • 数值类
  • 富文本
  • 移动端
  • 鼠标/键盘相关
  • 文件处理
  • 图形/图像相关
  • Vue
    • vue组件
    • vue-form
  • Vuex
  • 动画
  • React
    • 常用
    • router
    • css
    • 动画
    • 图片相关
  • Node
    • web框架
    • orm
    • node版本管理
    • 更好的fs
    • 文件上传
    • 请求库
    • 爬虫
    • typescript
    • 插件
  • AI
    • 构建应用

常用类

  • axios超时重新发起请求
  • p-limit - 请求并发控制
  • fast-html-parser - html字符串解析为 dom 树
  • xijs - 面向复杂业务场景的 js 类库
  • handsontable - 表格数据操作
  • PapaParse - 浏览器内最快的 CSV(或分隔文本)解析器
  • URI.js - URI 解析操作
  • js-xss - 防止 XSS 攻击
  • NoSleep.js - 浏览器不进入休眠状态,保持屏幕常亮
  • patch-package - 修改 node_modules 下的包
  • popular-message 轻量级的信息反馈组件
  • ForesightJS 鼠标移动、滚动和键盘导航预测用户意图

常用工具

  • jsonrepair 修复无效 JSON 文档的工具
  • fastgithub github访问
  • Watt Toolkit(原名 Steam++) 一款开源、免费的多功能工具箱,强大的网络加速等功能

web框架

  • vue
  • react
  • angular
  • nuxt
  • next - 一个基于React的开源框架,由 Vercel 公司开发和维护。它简化了 React 应用
  • astro - Astro 的作者是 Fred K. Schott,开发 Snowpack 的老哥
  • Remix - 由 React Router 原班团队打造,基于 TypeScript 与 React,内建 React Router V6 特性的全栈 Web 框架
  • svelte
  • solidjs
  • tuono - 基于Rust和React的新一代全栈框架

UI库

  • element-plus
  • tdesign
  • antd
  • semi
  • naiveui
  • Shadcn UI - shadcn/ui 中文站,Shadcn UI底层是使用 Tailwind CSS 封装的 Radix UI headless 组件库
  • Reka UI - 原Radix Vue
  • mui - google
  • chakra-ui
  • Untitled UI React 基于 Tailwind CSS 和 React Aria 世界最大的 React 组件库

icon

  • lucide
  • heroicons Tailwind CSS 又出精品

跨平台

  • react native

  • flutter

  • uni

  • expo

  • finclip

  • electron github 出品,内置 chromium + Node.js

  • tauri rust 社区出品,系统 webview + rust 后端

  • valdi Snapchat 出品,iOS/Android/macOS

  • GPUI

  • wails

  • pake web前端项目打包为桌面端应用

hooks

状态类

  • redux - 函数式、不可变、模式化
  • mobx - 响应式、依赖追踪
  • Rxjs - 响应式,以流的形式实现
  • vuex
  • pinia
  • Recoil - Facebook 新一代 React 状态管理库
  • Jotai - 由React团队成员创建的轻量级状态管理库,灵感来源于Recoil
  • Zustand - Zustand是一个小而强大的状态管理库,灵感也来源于Recoil和Jotai
  • Redux Toolkit
  • XState
  • Valtio

远程状态

  • TanStack Query - 原React Query
  • SWR
  • Apollo
  • Relay
  • RTK Query
  • use-request

动画类

  • swiper
  • fullpage.js
  • better-scroll
  • anime
  • scrollReveal
  • GSAP The GreenSock Animation Platform (GSAP)是一个功能十分强大的动画平台
  • [velocity](加速 JavaScript 动画)
  • impress.js 基于现代浏览器中 CSS3 变换和过渡功能的演示框架
  • wow 页面向下滚动时显示 CSS 动画
  • Motion
  • framer-motion

web 应用更新提示

  • version-rocket - 一个用于 web 应用版本检测和部署通知的工具库。
  • version-polling - 一个用于实时检测 web 应用更新的 JavaScript 库
  • plugin-web-update-notification - support Vite, Umijs, and Webpack.

web 服务器

  • nginx - 高性能 Web 服务
  • openresty - 基于 Nginx 与 Lua 的高性能 Web 平台
  • Caddy
  • acme.sh - 自动续签 ssl 证书
  • certd - 又一个全自动证书申请工具
  • certimate 开源的 SSL 证书管理工具,自动申请、部署、续期
  • allinssl SSL证书管理

调试工具

  • WeConsole - 功能全面、界面与体验对标 Chrome devtools 的可定制化的小程序开发调试面板
  • eruda - Console for mobile browsers
  • vConsole

api调试

  • postman
  • reqable
  • apifox
  • bruno
  • vscode-restclient

封装类

  • lodash - 提供模块化、性能和附加功能的现代JavaScript实用库
  • ramda - 函数式的JavaScript实用库
  • es-toolkit - 支持 ts 的现代化 js 库
  • lodash-es
  • radasi
  • moderndash

数据类

  • AreaCity-JsSpider-StatsGov - 中国省市区数据
  • area-data - 中国省市区数据
  • data_location - 中国省市区数据
  • area-puppeteer - 基于 puppeteer 的中国行政区域抓取爬虫

时间类

  • moment - 解析、验证、操作和显示日期
  • dayjs - 2kB不可变日期时间库,可替代Moment.js,具有相同的现代API
  • date-fns - 现代化的JavaScript日期实用库

布局类

  • vh-check - 移动端 vh 高度兼容
  • shuffle - 简化响应式设计的网格布局
  • gemini-scrollbar - Custom overlay-scrollbars
  • element-scrollbar - element-scrollbar
  • element-plus-scrollbar - element-scrollbar
  • vue-virtual-scroller - vue2
  • vue-virtual-scroller - vue3
  • vuescroll - a customizable scrollbar plugin
  • simplebar Custom scrollbars vanilla javascript library with native scroll

数值类

  • json-bigint - 数值类型丢失精度问题
  • big.js - 一个小的,快速

富文本

  • lexical - facebook开源的强大的富文本编辑器 link

移动端

  • hammer - 识别和处理移动设备上的触摸手势
  • eruda - 移动端调试工具

鼠标/键盘相关

  • KeyboardJS - 一个用于绑定组合键盘的JavaScript库,避免了键代码和组合键冲突的痛苦。
  • Sortable - 现代浏览器和触摸设备的可重新排序的拖放列表。不需要jQuery或框架。 的JavaScript库,用于任意精度的十进制运算

文件处理

  • file-saver - 一个在客户端保存文件的解决方案
  • uppy - js 文件上传器

图形/图像相关

  • html2canvas 一个强大的使用js开发的浏览器网页截图工具
  • dom-to-image 一个可以将任意DOM节点转换为用JavaScript编写的矢量(SVG)或光栅(PNG或JPEG)图像的库
  • pica 一个在浏览器中调整图像大小,而不会出现像素失真,处理速度非常快的图片处理库
  • Lena.js 一个轻量级的可以给你图像加各种滤镜的js库
  • Compressor.js 一个使用本地canvas.toBlob API进行图像有损压缩的js库
  • Fabric.js 一个易于使用的基于HTML5 canvas元素的图片编辑器
  • merge-images 一个将多张图片合并成一张图的js插件
  • cropperjs 一款强大的图片裁切库, 支持灵活的图片裁切方式
  • Grade 一个基于图像中的前2种主要颜色生成互补渐变背景的库
  • image-compressor - 前端图片压缩
  • htmldocs - 一个 React 组件,用来在网页中创建、编辑、预览 PDF 文档
  • vanilla-lazyload 于延迟加载图像、背景图像、视频、iframe 和脚本的轻量级选项
  • lozad.js 仅使用 Intersection Observer 延迟加载图像的轻量级选项
  • lazysizes 可以延迟加载图像和 iframe
  • medium-zoom 图片放大预览

Vue

  • vue-plugins Vue.js Plugins Collection

vue组件

  • vue-happy-bus - 基于 vue 实现的订阅/发布插件
  • vue-seamless-scroll - 无缝滚动
  • vue-awesome-swiper - 轮播图
  • vue-carousel-3d - 3d轮播图
  • v-viewer - 图片预览
  • vue-preview - 图片预览
  • vue-filepond - 图片上传,图片裁剪
  • vue-image-crop-upload - 图片剪裁上传
  • vue-dropzone - 拖拽上传
  • infinite-scroll - 无限滚动
  • vue-infinite-loading - 无限滚动
  • Vue.Draggable - 拖拽布局
  • vue-drawer-layout - 抽屉组件/侧滑菜单
  • OverVue - 适用于Vue的原型工具,帮你生成 Vue 组件
  • vue-sticky - sticky header
  • vue-dompurify-html - xss 过滤
  • vue-renderer-markdown 基于 vue3, ts, vite7, tailwindcss 的 专为 AI 驱动的流媒体 Markdown
  • vue-infinity 虚拟滚动
  • vue-lazyload - 图片懒加载
  • vue-virtual-scroll-list - 虚拟列表
  • vue-virtual-scroller - 虚拟列表
  • umy-ui - 解决表格万级数据渲染卡顿

vue-form

  • f-render - 基于 ElementUI 的表单设计器

  • element-ui-verify - 表单验证

  • vue-area-linkage - 省市区三级联动选择器

  • v-distpicker - 省市区三级联动选择器

  • v-region - 省市区三级联动选择器

  • v2-datepicker - 日期选择

  • vue-uform 下一代 Vue 表单验证库

  • temir - 使用 vue.js 编写命令行界面应用

Vuex

  • vuex-persistedstate - 状态持久化
  • vuex-shared-mutations - 在不同的标签页之间同步状态
  • vuex-i18n - 语言本地化
  • vuex-loading - 管理 loading 状态,类似 dva-loading
  • vuex-cache - 缓存 vuex 的 action

动画

  • vue-starport

React

常用

  • react-slider-vertify - 基于react实现的滑动验证码组件
  • react-dev-inspector - 组件调试工具
  • click-to-component - 组件调试工具
  • copy-to-clipboard - 复制
  • react-copy-to-clipboard - 复制

router

  • react-router-middleware-plus
  • 基于react-router-dom v6版本的路由权限配置化解决方案

css

  • vanilla-extract
  • 零运行时且支持typescript
  • styled-components
  • clsx
  • classnames

动画

  • react-page-transition - 动画

图片相关

  • react-cropper-pro - 图片裁剪

Node

  • cron - 任务调度

web框架

  • express - 简单、实用、路由中间件等俱全
  • koa - 体积更小,代表现代和未来
  • egg - 基于Koa,在开发上有更大便利
  • nest - 支持ts,易于拓展,结合了函数式编程等
  • midway - 支持ts, 渐进式的Node框架,更接近于nest
  • sails - The MVC framework for Node.js
  • meteor
  • fastify
  • h3

orm

  • mongoose
  • redis
  • ioredis
  • mysql
  • sequelize - npm Weekly Downloads(18w), github stars(29k)
  • prisma - npm Weekly Downloads(18w), github stars(37k)
  • typeorm - npm Weekly Downloads(16w), github stars(33k)
  • waterline - Sails 的默认 ORM

node版本管理

  • nvm
  • nvs
  • volta
  • fnm
  • n
  • asdf
  • vmr - 除了 node,还可管理多个编程语言环境版本
  • vfox - 跨平台和可扩展的版本管理器,支持Java, Node.js, Flutter, .Net等

更好的fs

  • rimraf - 匠心删除者
  • fs-extra - 不仅完全支持 fs 模块的所有 api,还新增了一些易于操作的 api
  • fs-jetpack - 链式操作

文件上传

  • formidable
  • multer
  • busboy

请求库

  • request - Deprecated!
  • axios
  • superagent
  • node-fetch
  • fetch - 新版本Nodejs原生支持fetch
  • ky - 基于 Fetch API 的轻量级优雅 JavaScript HTTP 客户端
  • wretch - 一个基于 fetch 构建的轻量级封装库

爬虫

  • cheerio - 类比 jQuery 语法
  • puppeteer
  • fdir - 号称 js 最快的目录爬虫

typescript

  • zod - 验证库

插件

  • sharp-image 本地图片压缩工具

AI

  • cursor-free-everyday
  • shadcn-ui-mcp-server

构建应用

  • v0
  • Bolt
  • Lovable
  • Dyad
最近更新:: 2025/12/30 00:02
Contributors: qyhever
Next
open-source