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