我的导航

常用 18 个链接

使用频率高

mdn

Mozilla 开发者网络，Web 开发技术文档

https://developer.mozilla.org/zh-CN/docs/Web

掘金

掘金，技术社区

https://juejin.cn/

Stack Overflow

Stack Overflow,技术问答社区

https://stackoverflow.com/

GitHub

GitHub,代码托管平台

https://github.com/

mongorolls

My Blog

https://mongorolls.cn/

google

https://www.google.com/search?q=

brainmaker

https://brainmaker.netease.com/

notion

notion 笔记

https://www.notion.so/

翻译

有道翻译

https://fanyi.youdao.com/#/TextTranslate

dgutcs

dgutcs-wiki

https://dgutcs.wiki

阮一峰的网络日志

https://www.ruanyifeng.com/blog/developer/

thirdshire

第三夏尔的blog

https://thirdshire.com/

龙场茶室

前字节广告等，现红杉前端

https://blog.peterchen97.cn/projects/index.html

Smashing Magazine

https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/

ssshooter

https://ssshooter.com/archive/

segmentfault 前端自检名单

秘密花园 segmentfault 前端自检名单

https://segmentfault.com/a/1190000018992363?utm_source=sf-backlinks

张鑫旭css

css

https://www.zhangxinxu.com/wordpress/2025/06/css-self-check-list/

前端游乐场

前端技术实验和学习项目集合

https://github.com/godbasin/front-end-playground

文档 14 个链接

官方技术文档、开发文档等

React 官方中文文档

React 官方中文文档，学习 React 框架的权威资源

https://zh-hans.react.dev/

MDN

Mozilla 开发者网络，Web 开发技术文档

https://developer.mozilla.org/zh-CN/docs/Web

SEO 指南

Google 搜索引擎优化入门指南

https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=zh-cn

图解React

通过图解方式深入理解 React 工作原理

https://7km.top/main/workloop/

Vite 官方文档

Vite 前端构建工具的官方中文文档

https://cn.vitejs.dev/

Bash文档

Bash 脚本教程，系统学习 Bash 命令行

https://wangdoc.com/bash/intro

Docker

Docker 从入门到实践，全面介绍 Docker 技术

https://yeasy.gitbook.io/docker_practice/introduction/what

Express.js

MDN Express.js 入门指南，学习 Node.js 服务器端开发

https://developer.mozilla.org/en-US/docs/Learn_web_always/Extensions/Server-side/Express_Nodejs/Introduction

Rust 程序设计语言

Rust 编程语言官方教程中文版

https://kaisery.github.io/trpl-zh-cn/title-page.html

npm

Node.js 包管理器官网，查找和发布 npm 包

https://www.npmjs.com/

性能提升

Web 性能预算指南，帮助提升网站性能

https://web.dev/articles/performance-budgets-101?hl=zh-cn

浏览器性能指标

Chrome Lighthouse 性能指标解析

https://developer.chrome.com/docs/lighthouse/performance/first-contentful-paint?hl=zh-cn

前端知识文档

语雀上的前端知识文档整理

https://www.yuque.com/yuqueyonghua2m9wj/web_food?#

升级指南

项目升级指南文档

https://www.yuque.com/u2341816/ghg1mb/rddidhyivrevin5g?singleDoc#z9UdF

资源 13 个链接

大杂烩

Smithery - MCP

AI 辅助开发工具

https://smithery.ai/

React Conf

https://conf.react.dev/

前端组件

开源 UI 元素集合，提供各种前端组件

https://uiverse.io/elements

在线学习Git

交互式 Git 学习平台，可视化学习 Git 分支操作

https://learngitbranching.js.org/?locale=zh_CN

Unsplash

Unsplash 图片

https://unsplash.com/

Developer Roadmaps

开发者学习路线图，提供各种技术栈的学习路径

https://roadmap.sh/

TanStack

React Query、React Table 等高质量 React 库

https://tanstack.com/

前端速通指南

前端学习快速指南，涵盖前端开发的核心知识点

https://github.com/huanxiaomang/cz-official/blob/main/docs/guide/%E5%89%8D%E7%AB%AF%E9%80%9F%E9%80%9A%E6%8C%87%E5%8D%97%20copy.md

前端学习资源

优秀的前端学习资源集合，包含各种学习材料

https://github.com/helloqingfeng/Awsome-Front-End-learning-resource/tree/master

优质前端信息源

精选的前端信息获取渠道和优质资源推荐

https://itoutiao.feishu.cn/docx/SAdidmcozohUmlxp29wcQtTXn2b

三分钟学会使用Docker部署前端项目

掘金上的Docker部署前端项目教程

https://juejin.cn/post/7313423853225361423

docker | 山月行

前端工程化中的Docker应用指南

https://shanyue.tech/frontend-engineering/docker.html#ci-%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%9A%84%E4%BC%98%E5%8C%96

广告业务

程序化广告业务相关文档和指南

https://www.ichdata.com/docs/programmatic-advertising/chap3/overview

博客 13 个链接

技术博客等

阮一峰的网络日志

知名技术博主阮一峰的个人博客，包含前端和技术文章

https://www.ruanyifeng.com/blog/developer/

可颂 React

React 源码解析，深入理解 React 原理

https://react.iamkasong.com/#%E5%AF%BC%E5%AD%A6%E8%A7%86%E9%A2%91

gahing前端

前端开发技术博客

https://www.gahing.top/pages/98ef3e/#debug-%E8%B0%83%E8%AF%95%E6%96%B9%E6%B3%95

Josh W. Comeau

知名前端开发者博客，专注于 React 和 CSS

https://www.joshwcomeau.com/

yacan8 博客

前端开发技术博客，涵盖 JavaScript、Vue 等内容

https://github.com/yacan8/blog

神光博客

掘金优秀作者，前端技术分享

https://juejin.cn/user/2788017216685118

辣椒博客

掘金前端技术博主，分享实用开发经验

https://juejin.cn/user/2370998127573751/posts

冴羽的博客

JavaScript 深度系列博客，前端技术深入解析

https://github.com/mqyqingfeng/Blog

hua-bang 博客

字节师兄的博客

https://hua-bang.github.io/blog/

Tao of React

React 开发哲学和最佳实践指南

https://alexkondov.com/tao-of-react/

个人笔记

技术学习笔记和经验总结

https://www.gerenbiji.com/

lofisu chat

lofisu 的blog, 26岁,前端,开源,ai

https://www.lofisu.chat/

Overreacted

Dan Abramov 的个人博客,React 核心开发者的技术见解

https://overreacted.io/

工具 28 个链接

工具网站

canva

canva 设计

https://www.canva.com/

matools

一个在线工具集合网站

https://www.matools.com/

工具箱

在线工具箱，提供多种开发和常用工具

https://tool.lu/

轻松传

大文件临时存储和分享工具

https://easychuan.cn/

网站测速

提供网站速度测试和分析服务

https://www.ping.cn/

Outlook邮箱

微软Outlook在线邮箱服务

https://outlook.live.com/mail/0/

npms搜包

NPM包搜索引擎和分析工具

https://npms.io/

Regulex

JavaScript 正则表达式可视化工具

https://jex.im/regulex/

像素蒸发

在线图片压缩工具

https://moonvy.com/apps/PxEvapo/

Plunker

在线代码沙箱和协作平台

https://plnkr.co/edit/?p=preview

Postman Web

API 开发和测试平台网页版

https://web.postman.co/

Can I use

查询浏览器对前端技术的支持情况

https://caniuse.com/

Qwerty Learner

英语单词打字练习软件

https://github.com/RealKai42/qwerty-learner

IP地址查询

查询IP地址归属地及相关信息

https://www.ip138.com/

网页历史博物馆

互联网档案馆，查看网站历史快照

https://web.archive.org/

CSS clip-path maker

在线生成 CSS clip-path 工具

https://bennettfeely.com/clippy/

在线文件批量重命名

在线批量修改文件名工具

https://webrename.cn/

Toolify AI

AI 工具聚合平台

https://www.toolify.ai/zh/

JavaScript Playground

在线 JavaScript 代码编辑器和运行环境

https://playcode.io/javascript

Cursor Directory

自定义鼠标指针样式资源库

https://cursor.directory/

Cursor Rule Maker

生成自定义鼠标指针规则的工具

https://cursorrules.agnt.one/chat

短网址服务

新浪短网址生成服务

https://sina.lt/

在线MD转换器

GroupDocs 提供的免费在线 Markdown 文件转换器

https://products.groupdocs.app/zh/conversion/md-to-md

Excalidraw

虚拟白板工具，用于手绘风格的图表和原型设计

https://excalidraw.com/

秘塔AI搜索

AI 驱动的学术和信息搜索引擎

https://metaso.cn/study

Regex Vis

正则表达式可视化和测试工具

https://regex-vis.com/

AST explorer

在线分析和探索各种语言的抽象语法树 (AST)

https://astexplorer.net/

英语拼写练习

在线英语单词拼写和打字练习工具

https://qwerty.kaiyi.cool/

平台 2 个链接

平台

Convex Dashboard

Convex 后端服务管理后台

https://dashboard.convex.dev/

知乎

中文问答社区，包含丰富的技术讨论和分享

https://www.zhihu.com/

算法 12 个链接

网瘾平台以及学习资源

AtCoder

日本的编程竞赛平台，提供高质量算法题目

https://atcoder.jp/

CF

全球知名的算法竞赛平台

https://codeforces.com/

牛客

中国领先的IT人才成长平台，提供编程题库和面试题

https://www.nowcoder.com/

OI

算法竞赛知识库，包含各种算法和数据结构

https://oi-wiki.org/math/gen-func/intro/

HDU OJ

杭州电子科技大学在线判题系统

https://acm.hdu.edu.cn/

训练题单

算法竞赛训练题目列表

https://blog.csdn.net/mrcrack/article/details/105691983

Virtual Judge

虚拟评测系统，集合多个OJ平台的题目

https://vjudge.csgrandeur.cn/

C++ 对拍详解

C++对拍技术详解，用于算法调试

https://www.cnblogs.com/EdisonBa/p/13509379.html#%E5%AF%B9%E6%8B%8D%E7%9A%84%E5%AE%9E%E7%8E%B0

找规律

整数序列在线百科全书，帮助找数学规律

http://oeis.org/

算法竞赛板子

算法竞赛常用代码模板库

https://judge.yosupo.jp/

ucup

大学编程竞赛平台

https://ucup.ac/zh/

AtCoder Problems

AtCoder 题目分析和统计工具

https://kenkoooo.com/atcoder#/table/

文章 7 个链接

优质技术文章

TS

TypeScript 教程文档

https://wangdoc.com/typescript/basic

获取优质信息

如何获取高质量的技术信息

https://juejin.cn/post/7244470938870300730

web手绘式风格

手绘风格的 Web UI 组件库

https://wiredjs.com/showcase.html

bestblogs.dev

优质技术博客聚合平台，专注前端内容

https://www.bestblogs.dev/feeds?category=programming&query=%E5%89%8D%E7%AB%AF

2019年掘金优秀文章

2019年掘金平台优秀技术文章总结

https://juejin.cn/post/6844903904614809608

W3School

在线学习网站，提供 HTML、CSS、JavaScript 等教程

https://www.w3school.com.cn/

前端技术总结

前端开发技术要点总结文章

https://juejin.cn/post/6844903830887366670

interview 5 个链接

interview

工程师面试指北

技术面试准备指南，包含面试经验和技巧

https://dbwu.tech/posts/other/interview/

Coding Interview University

https://github.com/jwasham/coding-interview-university?tab=readme-ov-file

简历&八股入门准备

前端面试简历准备和八股文入门指南

https://www.yuque.com/mongorolls/gk1h7h/wo1zrmkaeumx9ry4

前端基础八股-山月

山月的前端面试题库，涵盖基础到进阶

https://q.shanyue.tech/

八股进阶之旅

前端面试进阶指南，包含大量面试题和解析

https://interview.poetries.top/

播客 1 个链接

技术播客、音频学习资源等

Syntax.fm

专注前端开发的技术播客，由 Wes Bos 和 Scott Tolinski 主持

https://syntax.fm/

书籍 3 个链接

电子书资源

You Don't Know JS

JavaScript 深度学习系列书籍，中文版

https://github.com/getify/You-Dont-Know-JS/tree/1ed-zh-CN

JavaScript.info

现代 JavaScript 教程，从基础到高级的完整学习资源

https://zh.javascript.info/

TypeScript 教程

阮一峰 TypeScript 教程，系统学习 TypeScript

https://wangdoc.com/typescript

生活 8 个链接

娱乐和休闲相关的网站

风车动漫

在线动漫观看网站

http://www.dmlaa.com/

破解单游

单机游戏资源网站

https://www.jiligamefun.com/category/game/jiligame

小叽资源

Steam游戏资源网站

https://steamzg.com/

YouTube

全球最大的视频分享平台

https://www.youtube.com/

Bilibili

国内最大的视频分享平台

https://www.bilibili.com/

Reddit

国外社交新闻聚合网站

https://www.reddit.com/

阿虚

互联网资源整合网站

https://axutongxue.com/

免费下载音乐

免费音乐下载工具

https://tool.liumingye.cn/music/?page=searchPage#/search/M/song/%E5%A5%87%E5%A6%99%E8%83%BD%E5%8A%9B%E6%AD%8C