Javascript/Nodejs/Vue 资料

Node.jsVineJS:Node.js的表单数据验证库Tinyld:NodeJS的简单高效的语言检测库)Javascript/TypeScript教程 /资料👇TypeScript 教程(中文)The Modern JavaScript Tutoria...

hefengbao 发布于 2024.02.29 ,最后更新于 2024.04.25

带你入门前端工程

https://www.samanthaming.com/

Patterns.dev is a free online resource on design, rendering, and performance patterns for building powerful web apps with vanilla JavaScript or modern frameworks.

教程 /资料👇

TypeScript is JavaScript with syntax for types.

ES6 入门教程

TypeScript 教程

TypeScript 入门教程Github

现代 JavaScript 教程

深入理解 TypeScript

Node入门

JavaScript数组所有API全解密

前端内参

ryanmcdermott/clean-code-javascript: Clean Code concepts adapted for JavaScript

My top JavaScript utilities, in just One Line of Code!

当用户离开页面时可靠地发送HTTP请求(英文)

JavaScript开发者应懂的33个概念

Safer URL reading and writing in modern JavaScript

Javascript 随机数

测试

Playwright 为现代 Web 应用提供可靠的端到端测试。

Node.js

VineJS:Node.js的表单数据验证库

Tinyld:NodeJS的简单高效的语言检测库)

软件:

Nodejs 版本管理 Node Version Manage

基础

Array:

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array

Auth

Auth.js - Authentication for the Web.Github

id

nanoid - 一个小巧、安全、URL友好、唯一的 JavaScript 字符串ID生成器。

Api

Nango is a single API to interact with all other external APIs. It should be the only API you need to integrate to your app.

日志

pino - super fast, all natural json logger

OCR

naptha/tesseract.js: Pure Javascript OCR for more than 100 Languages官网

Crop

Cropper.js - JavaScript image cropper.

Upload

filepond - A flexible and fun JavaScript file upload libraryGithub

视频

FFmpeg for browser, powered by WebAssembly

动效

Mo.js - The motion graphics toolbelt for the web

Anime.js - a lightweight JavaScript animation library

Typed.js - A JavaScript Typing Animation Library

Progressbar.js - Responsive and slick progress bars

AutoAnimate - Add motion to your apps with a single line of code.

vivus, bringing your SVGs to life

Map & Geo

Leafletjs - an open-source JavaScript library for mobile-friendly interactive maps

Turfjs - Advanced geospatial analysis for browsers and Node.js

Protomaps - A free and open source map of the world

mapbox/mapbox-gl-js - Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL

日期

Tempo: The Easiest Way to Work With Dates in JavaScript

Day.js - Moment.js 的 2kB 轻量化方案,拥有同样强大的 API

flatpickr is a lightweight and powerful datetime picker.

schedule-x - Material design calendar and date pickerGithub

PDF

PDFKit - A JavaScript PDF generation library for Node and the browser.

PDF.js - A general-purpose, web standards-based platform for parsing and rendering PDFs.

表格

wolf-table/table - A web-based(canvas) JavaScript Table

Grid.js is a Free and open-source JavaScript table plugin

Datatable

ag-grid/ag-grid - The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.

handsontable/handsontable - JavaScript data grid with a spreadsheet look & feel. Works with React, Angular, and Vue.

数据库(ORM)

Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server, SQLite, MongoDB and CockroachDB

Drizzle ORM - next gen TypeScript ORM.

轮播(Carousel)

slick

提示

SweetAlert2

Toastr

Tippy.js is the complete tooltip, popover, dropdown, and menu solution for the web, powered by Popper.

Floating Vue - Tooltips & Dropdowns for VueGithub

其他

Opentype.js - Read and write OpenType fonts using JavaScript.

share/sharedb: Realtime database backend based on Operational Transformation (OT) (github.com)

ztext - 让文字具有 3D 效果Github 源码

recogito/recogito-js - A JavaScript library for text annotation

tidy.js:使用JavaScript整理数据

meyda:音频特征提取 JS 库

JSZip is a javascript library for creating, reading and editing .zip files, with a lovely and simple API.

handsontable/hyperformula: An advanced headless evaluator and parser of Excel formulas.

Open Source Javascript Gantt (甘特图)Github

Driver.js:网页功能说明引导工具

BlueHatbRit/mdpdf:Markdown to PDF command line app with support for stylesheets

H5带笔锋手写签名,支持PC端和移动端,任何前端框架均可使用

HTML5 canvas based smooth signature drawingGithub

DiceBear - The avatar library you've always been looking for.Github

ByteMD is a Markdown editor component built with Svelte. It could also be used in other libraries/frameworks such as React, Vue and Angular.

Web-based tooling for BPMN, DMN and Forms.

Easily type math in your webapp

A React / Vue component to show the file diff (like Github)

watching-you is a javascript library for building animations that watch anything on DOM 👀.

Vuejs

VueUse - Collection of Vue Composition Utilities

Vue 3 UI FrameworkGithub

Admin

epicmaxco/vuestic-admin - Free and Beautiful Vue 3 Admin Template

表单

form-create - 轻松搞定 form 表单,让你不再为表单而烦恼

Open-Source - Form Framework for VueGithub

maska - Simple zero-dependency input mask for Vue.js and vanilla JS.Github

表单验证:

vuelidate/vuelidate - Simple, lightweight model-based validation for Vue.js

VeeValidate is the most popular Vue.js form library. It takes care of value tracking, validation, errors, submissions and more.Github

日期

Vue datepicker - The most complete datepicker solution for Vue 3

Vue-flatPickr Datetime Picker

Vue.js Functional Calendar | Component/Package

Vue Hotel Datepicker

轮播(carousel)

Flicking

Chart

ecomfe/vue-echarts - Vue.js component for Apache ECharts™.

Flow

Vue Flow - A highly customizable Flowchart component for Vue 3.

其他组件

Vant - 轻量、可定制的移动端 Vue 组件库

VueDraggablePlus | 支持 Vue2 和 Vue3 的拖拽组件 (alfred-skyblue.github.io)

Vue 3 component that handle multiple images upload with preview. This package support the create and the update form.

wobsoriano/v-perfect-signature - Pressure-sensitive signature drawing for Vue 2 and 3

vueflow

vue-roomReservationPlugin

imengyu/vue3-context-menu - 一个简洁美观简单的Vue3右键菜单组件

VPhoneInput - International phone field for Vuetify 3 and Vue 3.

Request

vue-api-query - Elegant and simple way to build requests for REST API.

Nuxt

Nuxt - The Intuitive Vue Framework

sidebase - The productive way to build fullstack Nuxt 3 applications.

工具

electron-vite-vue - The easiest way to turn a Vite App into an Electron AppGithub

Alpinejs

https://alpinejs.dev/

Svelte

Svelte by Example

AdonisJS

https://adonisjs.com/

项目

twenty - Building a modern alternative to Salesforce, powered by the community.

Wiki.js - A modern and powerful wiki app built on Node.js

Hilde is an open source match tracking tool for games like foosball, air hockey, chess and similar

Alokai is a Frontend as a Service solution that simplifies composable commerce. It connects all the technologies needed to build and deploy fast & scalable ecommerce frontends. It guides merchants to deliver exceptional customer experiences quickly and easily.

Kitsu is a collaboration platform for animation and VFX productions.

Habitica是一个免费的习惯养成及生产力应用,让你“游戏人生”。游戏里的奖惩措施能激励你完成任务,还有一个强大的互动社区给你完成任务的好建议。Habitica能够帮助你达成目标,变得健康,勤奋,快乐。

CvFy - 创建PDF格式的简历Github

番茄工作钟Github

TroisJS - ThreeJS + VueJS 3 + ViteJS

来源:

https://www.8ug.icu/pages/javascript-resouce-R6jdNN7doX