awesome-front-posts

让你受益匪浅的前端技术干货系列

这是一个凝聚了很多优秀前端开发者心血的精选技术干货列表，希望你能从中学习提升前端开发技术。如果觉得这个系列有收获，欢迎推荐给朋友。

有新内容加入后，这个列表每月将更新一次，除在公号推送外，还将在 Github 、知乎专栏 和 前端大全主页君的个人微信同步更新。

微信公号：前端大全  ( ID:  frontdev )

Github：https://github.com/jobbole/awesome-front-posts

知乎专栏：https://www.zhihu.com/people/frontdev

主页君个人微信：frontguru

// 最新更新时间 2020/6/28

---

其他 Awesome 前端资源系列：

《如果有人让你推荐前端技术书，请让他看这个列表》：https://github.com/jobbole/awesome-web-dev-books

《JavaScript 资源大全中文版》：https://github.com/jobbole/awesome-javascript-cn

《CSS 资源大全中文版》：https://github.com/jobbole/awesome-css-cn

---

一）前端基本功

前端相关的基础知识

《HTTP/3 来了 ！未来可期》

《你可能已经忽略的 git commit 规范》

《手写一个 WebSocket 协议》

《5000字解析：前端五种跨平台技术》

《一篇搞定移动端适配》

《Chrome DevTools中的这些骚操作，你都知道吗？》

《Chrome 运行时性能瓶颈分析》

《当浏览器全面禁用三方 Cookie》

《无形中提高工作效率的 Chrome 插件》

《还分不清 Cookie、Session、Token、JWT？》

《你连 HTTPS 原理都不懂，还讲“中间人攻击”？》

《npm install 原理分析》

《不容错过的 Babel 7 知识汇总》

《一文搞懂 Web 中暗藏的密码学》

《解读HTTP/2与HTTP/3 的新特性》

CSS

《那些不常见，但却非常实用的 CSS 属性》

《面试官：你可以用纯 CSS 判断鼠标进入的方向吗？》

《二营长，快掏个CSS出来给我画个井字棋游戏》

《CSS 故障艺术》

《我写CSS的常用套路(附demo的效果实现与源码）》

《来自新时代的 CSS》

《你还不会 CSS 动画？》

JavaScript

《谁说前端不需要懂二进制》

《你不知道的 Blob》

《Javascript常用的 60 余种工具方法》

《你可以这样优化 if-else 代码结构》

《JS 图片压缩的实现思路》

《一个简洁、有趣的无限下拉方案》

《请你实现一个大文件上传和断点续传》

《从 ES6 到 ES10 的新特性万字大总结》

《JavaScript 手写代码无敌秘籍》

TypeScript

《通俗易懂的 TypeScript 入门教程》

《用 TypeScript 编写 React 的最佳实践》

《一文读懂 JS 装饰器》

《你真的懂 Promise 吗？》

《Typescript 那些好用的技巧》

《Typescript 严格模式有多严格？》

二）前端框架、工具、库

React

《用 TypeScript 编写 React 的最佳实践》

《2020 年你应该知道的 React 库》

《5 个技巧助你编写更好的 React 代码》

《10个案例让你彻底理解React hooks的渲染逻辑》

《组件演进史：从Mixin到HOC，再到Hook》

Vue

《1.1万字从零解读Vue3.0源码响应式系统》

《重头来过的 Vue 3 带来了什么？》

Nodejs

《一杯茶的时间，上手 Node.js》

《深入理解 Node.js 进程与线程》

Deno

《Deno 会取代 Node.js 吗？》

《了不起的 Deno 入门教程》

《推倒 Node 重做，Deno 1.0 来了》

Webpack

《一文搞懂 Webpack 多入口配置》

GraphQL

《GraphQL-前端开发的利剑与桥梁》

《GraphQL 入门看这篇就够了》

《前端工程师应该了解的 GraphQL》

VS Code

《动图演示11个必备 VS Code 插件》

三）面试题精选

《高频前端面试题》

《吐血整理！再来一打Webpack面试题》

《前端同学经常忽视的一个 JavaScript 面试题》

《如何轻松拿到淘宝前端 offer》

《三年大厂面试官：二面题》

《十几道含答案的大厂面试题总结》

《如何答一道惊艳面试官的数组去重问题？》

《10 个 CSS 高频面试题，你都会吗？》

《经常被面试官考的 JS 数据类型知识你真的懂吗？》

《面试须知：浏览器相关原理详细总结》

《2019 大龄前端如何准备面试？》

《2018 大厂高级前端面试题汇总》

四）前端开发的职业修炼

《前端如何在项目中做出亮点》

《Facebook 前端技术栈重构分享》

《当前端基建任务落到你身上，该如何推动协作？》

《使用 docker 高效部署你的前端应用》

《关于前端学习路线的一些建议》

《各种场景唤起 App 骚操作》

《Web 视频播放前前后后那些事》

《你必须要注意的依赖安全漏洞》

《从 12.67s 到 1.06s 的网站性能优化实战》

《网易云音乐前端性能监控实践》

《一个阿里前端工程师的成长之路》

《非常全面的前端协作规范》

《一名合格前端工程师的自检清单》

《从 0 到 1 再到 100：搭建、编写、构建一个前端项目》