Skip to content

JavaScript

前端学习路线图

笔记:web 前端开发入门

笔记:web 前端开发进阶 HTML5+CSS3+移动端

通用第三方库

库名简介地址
current-device判断设备npm
vconsole移动端打印日志npm
Eruda手机网页前端调试面板官网github
Swiper移动端网页触摸内容滑动官网
axios--
composition-api--
html2canvasScreenshots with JavaScripthtml2canvas
naming-style变量命名风格转化github npm 中文 doc
throttle-debounceThrottle and debounce functions.github npm
Resize ObserverPolyfills the ResizeObserver APIgithub
PubSubJS消息发布订阅库npmjsgithub
nanoid唯一ID生成器githubnpmjs
history管理浏览器路由历史githubnpmjs
query-string解析和序列化url查询参数npmjs
qs解析和序列化url查询参数npmjs
xijs一款面向复杂业务场景的 javascript 工具库doc
Moment.js日期处理类库doc
Lodash实用工具库doc
vxe-table表格doc
bfj(Big-Friendly JSON )大json数据异步流npmgitlab
camelcasenpm
Apache ECharts开源可视化图表库doc
wangEditor 5Web 富文本编辑器docgithub
dotenv从.env 文件加载环境变量githubnpm
cross-env跨平台设置环境变量
EJS高效的嵌入式 JavaScript 模板引擎doc

fabric fs-extra 文件系统方法

konva https://konvajs.org/

less

lib-flexible

node-sass

postcss

screenfull https://www.npmjs.com/package/screenfull

tailwindcss

styled-components

node-qrcode QR code/2d barcode generator. QRCode.js: Cross-browser QRCode generator for javascript qrious: Pure JavaScript library for QR code generation using canvas

typeahead.js a flexible JavaScript library that provides a strong foundation for building robust typeaheads

CKEditor Smart rich text editor components with collaborative editing.

ScrollReveal

deepmerge | npm : A library for deep (recursive) merging of Javascript objects

async-validator | npm : Validate form asynchronous

Sails.jsThe MVC framework for Node.js

vue

库名简介地址
vue--
vuex--
vue-router--
PiniaVue.js 状态管理库doc
DataV(@jiaminghi/data-view)Vue 大屏数据展示组件库doc
mavon-editor基于Vue的markdown编辑器npmgithub
vue-echarts--
element-plus基于 Vue 3,面向设计师和开发者的组件库文档
codemirror代码编辑器doc

vue-qriously:A Vue.js 2 component to draw QR codes on an HTML Canvas using qrious.

vue-codemirror @codemirror code editor component for @vuejs

vue-local-storage Vue.js localStorage plugin with types support

vue-js-modal | github: Easy to use, highly customizable Vue.js modal library.

portal-vue: A Portal Component for Vuejs, to render DOM outside of a component, anywhere in the document.

V-Calendar An elegant calendar and datepicker plugin for Vuejs.

Vant 2 轻量、可靠的移动端 Vue 组件库

iView UI: 一套基于 Vue.js 的高质量 UI 组件库

react

库名简介地址
React.js构建用户界面的 JavaScript 库官网
Ant Design一套企业级 UI 设计语言和 React 组件库doc:
prop-typesReact运行时参数类型检查npmjs
react-routerReact 官方维护的路由库doc
Redux状态管理zh-doc
redux-thunkRedux 异步 action 中间件github
react-reduxOfficial React bindings for Reduxgithub
preactjsFast 3kB alternative to React with the same modern API.doc
react-dev-utilsnpm
DataV-React(@jiaminghi/data-view-react)React 大屏数据展示组件库doc

Draft.js Rich Text Editor Framework for React

CDN

BootCDN: 稳定、快速、免费的前端开源项目 CDN 加速服务

jsDelivr: A free CDN for Open Source fast, reliable, and automated

UNPKG: a fast, global content delivery network for everything on npm.

cdnjs:Simple. Fast. Reliable. Content delivery at its finest.

AdonisJS: A fully featured web framework for Node.js

Fabric.js is a powerful and simple Javascript HTML5 canvas library

Prettier.js Opinionated Code Formatter

西瓜视频播放器(HTML5) 一款带解析器、能节省流量的 HTML5 视频播放器

https://prettyhtml.netlify.app/:

cnchar: 功能全面、多端支持的汉字拼音笔画 js 库

Hanzi Writer: 汉字书写笔画顺序的描边动画

Make Me a Hanzi:Free, open-source Chinese character data

Node.js

https://npm.devtool.tech/

ionic 教程: 一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )

Express 中文网: 基于 Node.js 平台,快速、开放、极简的 Web 开发框架

Egg.js 企业级 Node.js 开发框架

Node.js 管理工具

名称简介最近更新标星
nvmNode Version Manager
nvsNode Version Switcher

包管理工具

npm - a JavaScript package manager

Yarn: 快速、可靠、安全的依赖管理工具

pNpm:速度快、节省磁盘空间的软件包管理器

文章

能解决 90% 需求的 js 库

W3School - JavaScript 教程

2021-12-23 Node.js:fs(file system)文件系统管理模块

2021-12-23 Pinia:Vue3.js 的状态管理器

2021-12-23 PubSubJS:用 JavaScript 编写的基于主题的发布/订阅库

http://www.json.org/

https://jekyllthemes.io/

ECMAScript 6 入门 Promise 对象

https://www.ecma-international.org/

vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui 实现。

JSON Web Tokens JSON Web Tokens are an open, industry standard RFC 7519 method for representing claims securely between two parties.

GraphQL 一种用于 API 的查询语言

Android富文本编辑器 https://github.com/wasabeef/richeditor-android

iOS富文本编辑器https://github.com/cjwirth/RichEditorView

https://docschina.org/

https://github.com/ryanmcdermott/clean-code-javascript Clean Code concepts adapted for JavaScript

jQuery

Vue.js

alasql

UIkit: A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Uni API: 小程序容器和 Web 容器的跨端 API 解决方案

rollup.js 中文文档 一个 JavaScript 模块打包器

https://github.com/kongyijilafumi/react-ant-admin

vue-element-plus-admin 是一个基于 element-plus 免费开源的中后台模版

https://github.com/kailong321200875/vue-element-plus-admin