Skip to content
茂茂物语
Main Navigation 导航
JavaScript 基础知识
HTML 理论知识点
CSS 理论知识点
ES6 常用知识
TypeScript 基础知识
TypeScript 工具类型
TypeScript 编译配置
TypeScript 类型体操
Monorepo
Rollup
Webpack 理论知识点
浏览器相关知识
编程题
React 18.2.0

CLI

create-vue

utils

only-allow
clsx
await-to-js
编程规范
开发技巧
常用工具库整理
常用正则整理
常用代码片段
HTML 语法
CSS 语法
CSS 奇淫技巧
Sass 常用技巧
文字特效
Tailwind CSS 使用与配置
Day.js 使用技巧
本地部署 ONLYOFFICE
Vue 小技巧
npm 常用命令
Zsh 配置
命令行工具
Git 相关技巧
Git 命令清单
Cloudflare
日常笔记

踩坑记录

JavaScript 踩坑记录
TypeScript 踩坑记录
CSS 踩坑记录
npm 踩坑记录
第三方库踩坑记录
PC 踩坑记录
H5 踩坑记录
微信开发踩坑记录
浏览器踩坑记录
编辑器踩坑记录
Git 踩坑记录

软件推荐与配置

多平台软件
Mac 平台
Windows 平台
Android 平台
浏览器设置与扩展
Visual Studio Code 配置
WebStorm 配置
在线工具
书签脚本
茂茂

主题

目录

鼓励作者:欢迎 star 或打赏犒劳

前端导航 ​

本站其他导航

  • 前端开发常用工具库 个人使用过或遇到的类库
  • 在线工具 一些实用的在线工具,免去下载软件的烦恼

常用工具

Can I use
Can I use

前端 API 兼容性查询

Squoosh
Squoosh

基于浏览器的本地图片压缩工具(支持自定义参数和格式转换)

TinyPNG
TinyPNG

在线图片压缩工具

Carbon
Carbon

代码图片生成

npm trends
npm trends

比较 npm package 的大小、下载数据、github 数据等

npm 库在线执行
npm 库在线执行

在浏览器控制台中在线运行调试与测试 npm 中的库

开发者武器库
开发者武器库

开发者武器库,做开发者最专业最好用的专业工具箱

在线工具
在线工具

开发人员的工具箱

Json 中文网
Json 中文网

JSON 在线解析及格式化验证

transform
transform

一个支持多语言的在线转换器

Excalidraw
Excalidraw

手绘风格流程图

ProcessOn
ProcessOn

免费在线流程图思维导图

Shields.io
Shields.io

制作简洁、一致、易读的徽章

懒人 Excel
懒人 Excel

Excel 函数公式、操作技巧、数据分析、图表模板、VBA、数据透视表教程

文叔叔
文叔叔

在线文件分享工具

高质量周刊与博客

Frontend Weekly
Frontend Weekly
周一更新

前端周刊

科技爱好者周刊
科技爱好者周刊
周五更新

阮一峰的科技爱好者周刊

奇舞周刊
奇舞周刊
周五更新

领略前端技术 阅读奇舞周刊(360 前端团队)

MDH Weekly
MDH Weekly
周一更新

云谦的前端周刊

前端食堂技术周刊
前端食堂技术周刊
每周更新

周周尝鲜,人工筛选前端圈每周最新资讯

Overreacted
Overreacted

Dan Abramov 的个人博客

小林coding
小林coding

小林 x 图解计算机基础(计算机网络、操作系统、计算机组成、数据库)

Blog - Anthony Fu
Blog - Anthony Fu

Vue, Vite, Nuxt 核心团队成员 | VueUse, Slidev, Vitest, UnoCSS 作者

鑫空间-鑫生活
鑫空间-鑫生活

张鑫旭的个人博客

前端精读周刊
前端精读周刊

帮你理解最前沿、实用的技术

冴羽博客
冴羽博客

四个系列:JavaScript深入系列、JavaScript专题系列、ES6系列、React系列

AI 导航

ChatGPT
ChatGPT
对话
Notion AI
Notion AI
笔记
Midjourney
Midjourney
绘画
Kimi.ai
Kimi.ai
超长文本对话
智谱清言
智谱清言
超长文本对话
文心一言
文心一言
豆包
豆包
通义千问
通义千问

茂茂的站点导航

前端日常笔记
前端日常笔记

日常笔记记录(零零散散啥都记系列)

前端思维导图
前端思维导图

用思维导图的方式总结个人所学知识

Qwerty Learner
Qwerty Learner

为键盘工作者设计的单词记忆与英语肌肉记忆锻炼软件

mmPlayer
mmPlayer

mmPlayer 在线音乐播放器

React 生态

React
React

用于构建用户界面的 JavaScript 库

React Router
React Router

React 的声明式路由

Next.js
Next.js

一个用于 Web 的 React 框架

UmiJS
UmiJS

插件化的企业级前端应用框架

Ant Design
Ant Design

一套企业级 UI 设计语言和 React 组件库

Ant Design Mobile
Ant Design Mobile

构建移动 WEB 应用程序的 React 组件库

Material UI
Material UI

基于 Google Material Design 设计语言的 React 组件库

Mantine UI
Mantine UI

一套功能齐全的 React 组件库

Zustand
Zustand

一个小型、快速、可扩展的 React 状态管理解决方案

Valtio
Valtio

makes proxy-state simple for React and Vanilla

Jotai
Jotai

primitive and flexible state management for React

Redux
Redux

JavaScript 应用的状态容器,提供可预测的状态管理

MobX
MobX

一个小型、快速、可扩展的 React 状态管理解决方案

ahooks
ahooks

一套高质量可靠的 React Hooks 库

Vue 生态

Vue 3
Vue 3

渐进式 JavaScript 框架

Vue 2
Vue 2

渐进式 JavaScript 框架

Vue Router
Vue Router

Vue.js 的官方路由 为 Vue.js 提供富有表现力、可配置的、方便的路由

Pinia
Pinia

符合直觉的 Vue.js 状态管理库

Nuxt.js
Nuxt.js

一个基于 Vue.js 的通用应用框架

VueUse
VueUse

Vue Composition API 的常用工具集

Element Plus
Element Plus

基于 Vue 3,面向设计师和开发者的组件库

Ant Design Vue
Ant Design Vue

Ant Design 的 Vue 实现,开发和服务于企业级后台产品

Vant
Vant

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

Cube UI
Cube UI

基于 Vue.js 实现的精致移动端组件库

NutUI
NutUI

京东风格的轻量级移动端组件库

JavaScript 框架类库

Svelte
Svelte

将声明性组件转换为精准高效更新 DOM 的 JavaScript 代码

jQuery API 中文文档
jQuery API 中文文档

一个兼容多浏览器的 JavaScript 框架

CSS 相关

PostCSS
PostCSS

一个用 JavaScript 转换 CSS 的工具

Sass
Sass

一个成熟,稳定,功能强大的专业级 CSS 扩展语言

TailwindCSS 中文网
TailwindCSS 中文网

一个功能类优先的 CSS 框架

UnoCSS
UnoCSS

一个即时的原子化 CSS 引擎

You-need-to-know-css
You-need-to-know-css

Web开发者应该掌握的CSS tricks

CSS 常用样式
CSS 常用样式

CSS 常用样式和奇技淫巧总结

CSS 常见布局

CSS 各种常见的布局实现

Houdini.how

CSS Houdini worklets 的社区驱动资源库

小程序相关

微信小程序文档
微信小程序文档

微信小程序官方开发者文档

支付宝小程序文档
支付宝小程序文档

支付宝小程序官方开发者文档

跨平台

Electron
Electron

使用 Web 技术构建跨平台桌面应用程序

Tauri
Tauri

使用 Web 技术构建更小、更快、更安全的桌面应用程序

Taro
Taro

多端统一开发解决方案

uni-app
uni-app

一个使用 Vue.js 开发所有前端应用的框架

tmui
tmui

Uni App通用组件库跨端组件库

Mpx
Mpx

增强型跨端小程序框架

Node 相关

Node.js
Node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境

npm
npm

JavaScript 的包管理和分发工具

pnpm
pnpm

快速的、节省磁盘空间的包管理工具

Express
Express

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

Koa
Koa

基于 Node.js 平台的下一代 web 开发框架

Egg
Egg

为企业级框架和应用而生

Nest.js 中文文档
Nest.js 中文文档

用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架

可视化

ECharts
ECharts

一个基于 JavaScript 的开源可视化图表库

AntV
AntV

蚂蚁集团全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

D3.js
D3.js

一个遵循 Web 标准用于可视化数据的 JavaScript 库

Chart.js
Chart.js

一个简单而灵活的 JavaScript 图表库

Three.js
Three.js

JavaScript 3d 库

编译&构建&打包

Webpack 中文网
Webpack 中文网

一个用于现代 JavaScript 应用程序的静态模块打包工具

Vite 中文文档
Vite 中文文档

下一代前端工具链

Rollup
Rollup

Rollup 是一个 JavaScript 模块打包器

Rspack
Rspack

基于 Rust 的高性能 Web 打包工具(使用兼容 API 无缝替换 webpack)

Turbo
Turbo

Turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust

Babel
Babel

Babel 是一个 JavaScript 编译器

esbuild
esbuild

An extremely fast bundler for the web

SWC
SWC

Rust-based platform for the Web

图标库

iconfont
iconfont

国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能

IconPark 图标库
IconPark 图标库

IconPark图标库是一个通过技术驱动矢量图标样式的开源图标库,可以实现根据单一 SVG 源文件变换出多种主题, 具备丰富的分类、更轻量的代码和更灵活的使用场景;致力于构建高质量、统一化、可定义的图标资源,让大多数人都能够选择适合自己的风格图标

Iconify
Iconify

一个开源的图标集合和图标工具

Icônes
Icônes

基于 Iconify 的图标浏览器

Simple Icons
Simple Icons

包含 2457 种流行品牌的免费 SVG 图标库

Animated icons
Animated icons

自带动画的 Icon 图标库

Emoji searcher
Emoji searcher

emoji 表情大全

Emoji Cheat Sheet
Emoji Cheat Sheet

可以在 GitHub 中使用的 emoji 表情

gitmoji
gitmoji

可以在 git 中使用的 emoji 表情

前端学习资料

MDN | Web 开发者指南
MDN | Web 开发者指南

Mozilla 的开发者平台,提供了大量关于 HTML、CSS 和 JavaScript 的详细文档以及广泛的 Web API 参考资

菜鸟教程
菜鸟教程

学的不仅是技术,更是梦想!

ES6 入门教程
ES6 入门教程

开源的 JavaScript 语言教程,全面介绍 ECMAScript 6 新引入的语法特性

TypeScript
TypeScript
官网

TypeScript 是具有类型语法的 JavaScript

TypeScript 教程
TypeScript 教程
阮一峰

TypeScript 开源教程,介绍基本概念和用法,面向初学者

社区

GitHub
Github

一个面向开源及私有软件项目的托管平台

Stack Overflow
Stack Overflow

全球最大的技术问答网站

稀土掘金
稀土掘金

面向全球中文开发者的技术内容分享与交流平台

V2EX
V2EX

一个关于分享和探索的地方

SegmentFault 思否
SegmentFault 思否

技术问答开发者社区

博客园
博客园

博客园是一个面向开发者的知识分享社区

知乎
知乎

中文互联网高质量的问答社区和创作者聚集的原创内容平台

摸鱼专用

摸摸鱼热榜
摸摸鱼热榜
腾讯视频
腾讯视频
哔哩哔哩
哔哩哔哩
YouTube
YouTube
Twitter
Twitter
Pixiv
Pixiv

最后更新于:

如有转载或 CV 的请标注本站原文地址

Copyright © 2019-present maomao

如有转载或 CV 的请标注本站原文地址

Copyright © 2019-present maomao