我常打开的那些网站。
AI、电子书、课程、博客、工具和设计资源，还有一些好玩的。
先从这里逛起
3 个入口01AI
18 个网站模型、教程和 Agent
国产大模型，推理和写代码都不错
长文本阅读强，丢论文、文档进去很好用
免费试用 Gemini 系列模型，还能直接搭小应用
中文 AI 知识库，教程和工具导航都很全
Datawhale 出品，从零学构建智能体
Agent 学习资料汇总
拆解编程 Agent 的工作原理
从深度学习到大模型、Agent 的学习路线
LangChain 上手教程，例子多
MCP 协议的中文文档
MCP Server 导航，找现成的工具接入
评测 Agent Skills 实际效果的基准
用自然语言驱动 UI 自动化和测试
把 GitHub 仓库一键画成架构图
用一句话生成 draw.io 图表
开源的提示词合集
搜 AI 绘画和对话的提示词
在一个页面里对比多个大模型的回答
02电子书
19 个网站能在线免费读的好书
动画图解数据结构与算法，入门首选
系统过一遍 JS 的好教材
经典 JS 入门书，带交互式练习
深挖 JS 语言机制的系列书
JS 从诞生到今天的历史
TS 进阶读物，类型系统讲得透
Git 官方书，有中文版
Docker 中文入门书，持续更新
逐行分析 Vue 2 源码
一组实用 CSS 技巧，每个都有演示
按题型整理的 LeetCode 题解
程序员成长的经验之谈
从原理到实践讲 Agent 的开源书
从硬件约束和模型架构讲 AI 基础设施
不讲技术，讲怎么用更少的钱和精力过得更好
免费编程书大合集
数万本公版电子书，免费下载
日常读书主力
黄轶写的 Vue 2 源码解析
03学习
19 个网站课程、刷题和系统化的学习资源
技术专栏和视频课，质量整体不错
国内高校的精品公开课
哈佛、MIT 等名校的免费在线课程
各领域的精彩演讲
偏实战的 IT 课程
综合类在线课程平台
带在线实验环境的编程课
刷算法题的主阵地
按公司和频率整理的面试题库
按顺序刷题的算法攻略，讲解清楚
图解网络、操作系统、MySQL
Vue 的教程和实践文章
大漠的 CSS 和前端技术站
前端大会的分享文章合集
Web 开发教程和文章
设计和开发的免费教程
交互式的 SVG 入门教程
年度 JS 生态调查，附推荐学习资源
产品和运营的学习交流社区
04博客
13 个网站常看的个人和团队博客
每周科技周刊，信息密度高
Vue、Vite 核心成员，写开源和创造
V8 团队讲 JS 引擎的内部实现
jQuery 作者的博客
DevTools 小技巧专家
关于软件、基础设施和创业
大厂工程实践，干货多
CSS 奇技淫巧，脑洞很大
前端与可视化
前端开发者的个人博客
游戏和图形方向的开发者博客
技术和生活随笔
前端技术文章
05好文章
5 个网站值得反复读的单篇
06工具
22 个网站开发和日常常用的在线工具
开发小工具合集：编码转换、UUID、哈希等
手绘风白板，画草图和架构图很快
免费的流程图、架构图工具
在线思维导图和流程图，支持协作
调试正则，逐段解释匹配过程
把正则表达式画成可视化的图
常用正则速查，附图解
起变量名犯难时，搜搜别人怎么命名
压缩图片，几乎看不出损失
测网页性能和 Core Web Vitals
看一个网站用了什么技术栈
在线对比 JS 代码的性能
开源协议怎么选，一张表看明白
免费可商用的高质量图片
做交互式图表和数据故事
在线做海报、封面图，模板多
在线做 PPT，模板不少
国内访问快的开源库 CDN
直接用 URL 引用 npm 包里的文件
Meta 开源的文档站生成器
Google 出的图片压缩，能实时对比效果
免费可商用的图片、插画和视频
07参考
22 个网站查文档、看规范
前端最权威的文档
查浏览器对某个特性的支持情况
Google 出的系统化 Web 课程
开发者工具官方文档，很多隐藏用法
Google 各类开发文档入口
短小实用的代码片段
Google 各语言的代码风格指南
约定式提交（Conventional Commits）的源头
JS 项目的一套工程实践约定
React 官方文档，新版写得很好
JS 语言规范和新提案的进展
Web 标准的制定者
Chrome 新特性的上线进度
npm 官方文档
JS 编译器，文档里的在线 REPL 很好用
用 JS 插件转换 CSS 的工具
Vue 国际化方案
版本号该怎么递增
GitHub 官方文档
GeoJSON 规范中文版
UCloud 云产品文档
CSS 文章和指南，Flexbox、Grid 完全指南是经典
08速查
8 个网站忘了语法时，打开就能查
交互式 HTML 速查
交互式 CSS 速查
所有 HTML 元素和属性的图解
图解每个 CSS 属性的效果
一图看懂 CSS Grid
一图看懂 Flexbox
JavaScript 常用语法速查
各种语言和工具的速查表
09UI 与设计
27 个网站配色、字体、图标和动效
苹果官方的设计模板和素材
可视化地生成字号梯度
一键生成字体搭配
精选配色方案
好看的渐变色合集
调贝塞尔缓动曲线，让动画更自然
现成的 CSS 动画，挑好直接复制
基于 clip-path 的转场动画
专业级 JS 动画库
轻量的 JS 动画库，有中文文档
蚂蚁开源的 Web 动效方案
开源 UI 组件合集，CSS 和 Tailwind 都有
生成新拟态风格的阴影
调出不规则的圆角形状
生成 SVG 波浪
做区块之间的分隔形状
纯 CSS 背景纹理
各种加载动画
可视化生成按钮样式
浏览器插件，快速查看网页的样式
图标、插画、照片素材
海量免费矢量图标
渐变风格的 SVG 图标
生成卡通头像
设计稿一键生成代码
拖动调节缓动曲线，实时预览
一组好看的 3D 透视效果，可直接复制
10Playground
10 个网站在线写代码、练手
前端 Demo 分享社区
在线跑完整的前端项目
看代码被解析成的语法树，写 Babel 插件必备
用最少的 CSS 还原目标图形，很上瘾
用小游戏学 Flex 布局
边玩游戏边刷编程题
在线看 ES6 编译成 ES5 的结果
轻量的 HTML/CSS/JS 在线编辑器
调 CSS 的小型实时编辑器
在线练 CSS 的小游乐场
11社区
17 个网站常逛的社区和资讯
程序员和创意工作者的社区
中文技术问答社区
遇到报错先来这里搜
开发者写作社区，氛围友好
Web 设计与开发的深度文章
看 JS 生态里哪些项目在涨星
React 生态周报
聊前端开发的播客
用中文浏览国外社交媒体的热门讨论
技术资讯和架构实践
图灵出版社的技术图书社区
Node.js 中文社区
Docker 中文资料
设计开发公司的博客，文章质量高
什么话题都有的社区
英文写作平台，技术文章很多
科技和创投资讯
12有趣的网站
4 个网站随便点开都能玩一会儿
