大佬收藏夹

• panjiachen (opens new window)
• Evan (opens new window)

文档

• MDN (opens new window) | MDN-JS 标准内置对象 (opens new window) Web 技术权威文档
• 现代 JavaScript 教程 (opens new window) JS 教程
• ES5 教程 (opens new window) 阮一峰的 JS 教程
• ES6 教程 (opens new window) 阮一峰的 ES6 教程
• Bash 脚本教程 (opens new window) 阮一峰的 Bash 教程
• ECMA (opens new window) ECMA 官网
• 菜鸟教程 (opens new window) 涵盖多种语言的初级教程
• 腾讯云开发者手册 (opens new window)
• W3C 官网 (opens new window)
• 奇舞周刊 (opens new window)
• 17 素材网 (opens new window)
• vue3.x (opens new window)
• vue 单元测试 (opens new window)

社区

• Github (opens new window) 程序员社区
• 思否 (opens new window) 解决技术问题的社区
• stack overflow (opens new window) 解决技术问题的社区
• 掘金 (opens new window) 一个帮助开发者成长的社区
• 简书 (opens new window) 有很多频道的创作社区

博客

• 阮一峰的网络日志 (opens new window)
• flex 布局 (opens new window)
• git 提交规范 (opens new window)

电子书

• 前端电子书收集 (opens new window)
• SoBooks (opens new window) 强大的电子书资源网站
• 优品 PPT (opens new window)
• 比格 PPT (opens new window)
• 第一 PPT (opens new window)
• pdf 转换 (opens new window)

视频

• 尚硅谷 (opens new window)谷粒学院
• 慕课网 (opens new window) 实战视频教程
• 妙味课堂 (opens new window) 比较系统的前端入门视频教程
• 中国大学 MOOC (opens new window) 涵盖计算机、外语、心理学等专业免费课程
• bilibili (opens new window) B 站，上面也有一些可供学习的免费视频

Github

• github 短域名服务 (opens new window)
• shields (opens new window) 徽章图标
• followers 全球排名 (opens new window)
• star-history (opens new window) 展示一个项目 Stars 增长曲线

算法

• leetcode (opens new window) 用 js 刷 leetcode
• 剑指 offer (opens new window)

开发

• Can I use (opens new window) 查看属性和方法的兼容性
• 30 seconds of code (opens new window) 收集了许多有用的代码小片段

代码编辑

• codepen (opens new window) 在线代码编辑与演示
• codesandbox (opens new window) 内嵌 VSCode 的在线 IDE
• 在线文本对比 (opens new window)

图片工具

• Squoosh (opens new window) 谷歌出品在线免费图片压缩工具
• vectormagic (opens new window) 转换矢量图
• vectorizer (opens new window) 真正的 png 转 svg 神器
• 壁纸库 (opens new window)

CSS

• CSS 渐变生成器 (opens new window)
• CSS3-Box Shadow(阴影) (opens new window)
• 贝塞尔曲线生成器 (opens new window)
• css-tricks (opens new window) css 技巧文章
• You-need-to-know-css (opens new window) CSS 的各种 DEMO，很全
• animista (opens new window) CSS 动画可视化工具
• 灵活运用 CSS 开发技巧 (opens new window)

正则

• 正则可视化 (opens new window)

设计

• dribbble (opens new window) 经常能在上面找到很多有创意好看的 gif 或者图片
• coolors (opens new window) 帮你在线配色的网站 你能找到不少配色灵感
• uigradients (opens new window) 渐变色网站
• Pexels (opens new window) 免费的高清图片
• design.youzan (opens new window) 有赞设计原则

• iconfont (opens new window) 阿里巴巴矢量图标库
• icomoon (opens new window) 矢量图标库
• Canva 可画 (opens new window) 生成插画、封面、海报、头像等

图库

• freepik (opens new window) banner 图库
• vectorizer (opens new window) 真正的 png 转 svg 神器

教程

• npx (opens new window) 教你怎么合理的使用 npx
• hacksplaining (opens new window) 网络安全学习网站
• mobile-web-best-practice (opens new window) 移动 web 最佳实践

CDN 加速

• jsDelivr (opens new window) 国外的一家优秀的公共 CDN 服务提供商
• unpkg (opens new window) cdn 服务
• cdnjs (opens new window)
• BootCDN (opens new window)

作图

• processon 在线作图 (opens new window) 流程图、思维导图、原型图等
• 百度脑图 (opens new window) 思维导图

博客

• Gitalk (opens new window) | Valine (opens new window) | Vssue (opens new window) 静态博客评论插件

其他

• Vue.js 面试问题 (opens new window)-300 个 VueJS 面试问题和答案列表