文档及社区网站

# 推荐

• panjiachenopen in new window by 花裤衩
• 前端知识图谱+B站资源整合open in new window by 技术胖
• 大圣编程自学网open in new window by 大圣
• 开发者武器库open in new window
• 工具大全open in new window

# 文档

• Markdown 官方教程open in new window
• ES5教程open in new window 阮一峰的JS教程
• ES6教程open in new window 阮一峰的ES6教程
• 菜鸟教程open in new window 涵盖多种语言教程
• 腾讯云开发者手册open in new window
• 阿里云前端开发学习路线open in new window

# 社区

• Githubopen in new window 程序员同性交友社区
• 码云open in new window 国内代码托管平台
• 掘金open in new window 一个帮助开发者成长的社区
• CSDNopen in new window 专业开发者社区
• 简书open in new window 有很多频道的创作社区
• 思否open in new window 解决技术问题的社区
• stack overflowopen in new window 同上，外网的
• InfoQopen in new window 促进软件开发及相关领域知识与创新的传播
• V2EXopen in new window 创意工作者们的社区
• 鱼塘热榜open in new window 划水网站，收集了很多网站，当天热门文章
• 码力全开资源库open in new window 很全很强大，独立开发者/设计干货/优质利器/工具资源...

# 内容

• codepenopen in new window 完全免费的前端代码托管服务，可以用来制作和测试页面的网站
• css-tricksopen in new window 一个国外的优秀前端开发博客，主要分享使用 CSS 样式的技巧，经验和教程等

# 互动

• 兔小巢open in new window用户意见反馈服务平台

# 工具

• 草料二维码open in new window
• 即时工具open in new window
• JSON格式化open in new window
• 脚本之家在线工具open in new window
• CSS3剪贴路径（Clip-path）在线生成器工具open in new window

# 图片/文档工具

• docmallopen in new window
• 图贴士open in new window
• image compressopen in new window 图片压缩编辑
• 微图open in new window 同时生成webp，avif格式
• removeopen in new window AI抠图 图片背景消除
• 一键抠图open in new window 一键抠图,图片压缩，转换，修复，抠图在线网站
• 随机生成图片open in new window 可随机生成指定大小的图片，图片占位 （https://picsum.photos/200/300）
• 觅元素open in new window 一天有5次免费下载机会，上面素材质量很高，图片素材

# 工具网站

• 犸良open in new window 让动效更简单
• 鹿班open in new window 快速完成大量商品图、banner图、海报图和会场图的设计
• 顽兔抠图open in new window 抠图
• 爱图工具箱open in new window 在线计算器工具，常用单位转换工具，文本处理与转换工具，图片编辑与格式转换工具
• 爱图工具箱-svg编辑open in new window svg编辑，图片转换

# 博客

• 阮一峰的网络日志open in new window
• 廖雪峰的博客open in new window
• Evan's blogopen in new window
• 木易杨前端进阶open in new window

# 面试问答

• 前端面试题库open in new window

# 优秀文章

• 我做系统架构的一些原则open in new window 作者对系统架构的方法论总结
• 灵活运用CSS开发技巧open in new window
• 防御性CSSopen in new window

# 视频

• bilibiliopen in new window B站，上面很多免费教学视频
• 腾讯课堂open in new window B站，上面很多免费教学视频
• 慕课网open in new window 实战视频教程
• 妙味课堂open in new window 比较系统的前端入门视频教程
• 中国大学MOOCopen in new window 涵盖计算机、外语、心理学等专业免费课程

# 评论系统

• giscusopen in new window 由 GitHub Discussionsopen in new window 驱动的评论系统

# 前端小工具

• Can I useopen in new window 查看属性和方法的兼容性

# Emoji表情

• emoji表情open in new window

在任意输入框快速打开emoji表情方法：
Windows系统下按Win + .
Mac系统下按Control + Command + 空格

# 思维导图

• processon在线作图open in new window 流程图、思维导图、原型图等
• 百度脑图open in new window 思维导图
• plectica 绘制知识图谱

# CDN加速

• jsDelivropen in new window 国外 CDN 服务提供商
• unpkgopen in new window 国外 CDN 服务
• bootcdnopen in new window 国内 CDN 服务

# 设计

• design.youzanopen in new window 有赞设计原则
• iconfontopen in new window 阿里巴巴矢量图标库

# 有趣

• 奇趣网站收藏家open in new window 收藏了很多有趣的网站
• FC在线模拟器(小霸王游戏机)open in new window 童年回忆
• Can't Unseeopen in new window 强烈建议前端、客户端、UI 开发的同学玩下，检查一下自己对设计稿的敏感度怎么样
• ggtalkopen in new window 程序员的闲聊节目
• awesome-commentopen in new window 里面收集了很多有趣的代码注释
• 在线取名open in new window 解决取名难问题，超多名字生成