某大佬收藏100+前端工具和网站推荐收藏夹公开 技术教程 6月14日 编辑 小栋站长 取消关注 关注 私信 收藏自己看! 自学前端程序 私藏工具和网站分享 01.JavaScript JavaScript 教程 | 通俗易懂的JavaScript教程 ES6 入门教程 | 通俗易懂的ES6入门教程 JavaScript 30 | 使用原生JavaScript在30天内完成30个项目 现代 JavaScript 教程 | 最近很流行的JavaScript教程 Node.js学习指南 | 系统的Node.js学习教程和笔记系统整理 JS 代码规范 | 优秀的 JS代码规范 TypeScript 教程 | 通俗易懂的TypeScript教程 TypeScript 教程 | 最好的TypeScript 视频+图文教程 02.CSS样式 CSS Tricks 效果大全 | CSS的各种效果实现 有很多动画效果 CSS Inspiration | CSS灵感的诞生地 我每天都的网站 CSS 常用样式 | 有很多常用的CSS样式 Animista | CSS动画库 主打按需定制CSS动画效果 Animista | CSS动画库 主打按需定制CSS动画效果 CSS Minifier | 在线CSS代码简化/压缩工具 Sass: Sass 文档 | Sass 中文网 成熟、稳定、强大的CSS扩展语言 Less 快速入门 | Less.js 中文文档 将CSS赋予了动态语言特性的样式语言 stylus | CSS扩展 富有变现里、动态、健壮的CSS 03.算法数据 JavaScript 算法与数据结构 | 多种基于JavaScript的算法与数据结构 leetcode 解题之路 | 私藏LeetCode解题攻略 五分钟学算法 | 每天拿出五分钟 学学算法 比如上个厕所就学了 数据结构与算法项目推荐 | Github上170K+Star的前端学习数据结构和算法题目 JavaScript 十大经典排序算法 | JavaScript排序必会题目 作者功力很深 值得学习 算法可视化工具 | 用可视化工具和交互方式 让你从代码中可视化算法 算法可视化来源 算法的工作方式 | 变量和操作的可视化表示 增强了控制流和实际源代码 04.前端面试 前端面试常考问题整理 | 按模块和知识点分类 前端开发面试题 WEB前端面试宝典 掘金前端面试题合集 前端面试图谱 前端面试开源项目汇总 | Github上100K+ Star 的前端面试开源项目汇总 05.技术社区 GitHub | 高质量内容创作和分享平台 Stackoverflow |一个回答技术问题的网站 掘金 | 国内的很多优质前端文章都掘金 博客园 | 一个很纯粹的技术博客平台 知乎 | 很多程序人喜欢泡在知乎 CSDN | 老牌社区 程序员必上的一个社区 v2ex | 程序员分享和探索的社区 segmentfault | 低调技术博客社区 Node.js 中文社区 | node专业中文社区 博客杂志站点 | 一个 web 技术类的博客杂志站点 JS 技术的网站 | 每天推出一个JS技巧的网站 W3Cplus | 推广国内行业的技术博客 印记中文 | 最权威的技术中文文档社区 06.前端博客 技术胖博客 | 专注前端 每年100集免费前端视频 腾讯Alloy Team | 腾讯前端博客 每天必看 腾讯用户体验博客 | 专注于前端用户体验 淘系前端博客 | 淘宝前端博客 代表中国最强前端实力 京东凹凸实验室 | 京东前端技术博客 饿了么前端博客 | 知乎上的最强前端博客 百度前端博客 | 百度前端团队旗下博客 360奇舞团 | 360公司前端团队 美团技术博客 | 美团技术团队博客 07.构建工具 NPM | 包管理 和 项目构建工具 webpack | 前端最流行的项目构建工具 Yarn | 后起之秀 优秀的包管理和构建工具 Gulp | 老牌构建工具 Babel | ES6构建转换工具 ESLint | 可组装的JavaScript和JSX检查工具 PostCSS | 用JavaScript转换CSS代码的工具 08.部署工具 Github Page | Github提供的免费静态网站托管服务 Netlify | 30秒内部署你的网站 Vercel | 快速部署你的网站 国外很流行 Surge | 一个命令部署你的网站 Heroku | 运动构建 、 运行你的网站和应用 09.静态站点搭建 Hexo | 最流行的静态博客程序 Markdown编写 生成静态站点 VuePress | Vue驱动的静态网站生成器 GitBook | 现代化的文档平台,支持团队协作 10.前端代码规范 Tgideas | 腾讯前端代码规范 值得参考 京东 | 京东前端代码规范文档 分类详细 Bootstrap编码规范 | 适合个人和小团队使用的代码规范 不复杂 ES6 编程风格 | 阮一峰编写的ES6代码规范 值得每个人阅读并参考 Airbnb 前端代码规范 | 国外企业的前端代码规范 ESLint | 代码规范检查和格式化工具 Prettier | VSCode 最热门的代码格式化工具 让你写出漂亮的代码 11.调试抓包 Whistle | 代理抓包工具 我一直在用的工具 很好很强大 Fiddler | 使用人数最多的抓包工具 12.在线工具 CodePen | 前端在线测试和演示工具 国外站点 Can I use | Web前端兼容性列表 TinyPNG | PNG/JPG 图片在线压缩工具 CNZZ | 老牌站点统计工具 5年前国内站长必上网站 web.dev | 评测网站性能 基于Lighthouse Shape Divider | 定制各种形状SVG的工具 GTmetrix | 网页性能在线分析工具 Carbon | 代码转图片工具 Wappalyzer | 检测某个网站的技术栈 CODEIF | 变量方法起名工具 人工智能加持 tool.lu | 程序员在线工具大全 13.开发工具 VSCode | 前端最流行的编辑器 Sublime Text | 轻量级代码编辑工具 曾经我的最爱 WebStom | 忠爱粉最多的编辑器 Atom | 用的人很多 我却不喜欢的编辑器 Typora | 程序人Mrakdown笔记 一直在用的笔记工具 14.开发者大会 Vue.js开发者大会 | 前端人必须关注的前端大会 中国JS开发者大会 | 公司每年必组织参加的技术大会 CSS开发者大会 | 提高CSS技术的开发者大会 打开视野 面向世界 D2前端开发者大会 | 阿里组织的大会 可以看直播 15.WEB图标 Font Awesome | 网站开发最流行的图标集 Feather | 简洁美观的开源图标 Material Design Icons | 轻快、精美的符号图标 Tabler Icons | 681枚可定制的开源SVG图标 常见品牌的SVG图标 给TA打赏 共{{data.count}}人 人已打赏 技术教程