# front-end-canteen

**Repository Path**: sujunmin/front-end-canteen

## Basic Information

- **Project Name**: front-end-canteen
- **Description**: 你的前端食堂，记得按时吃饭🍥
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-05
- **Last Updated**: 2022-02-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 菜谱

既想写给2020的你，也想贪心写给10年、20年后的工程师们，现在的你站在浪潮之巅，面对魔幻的互联网世界，很容易把一条河流看成整片大海。未来的读者已经知道了这段技术发展历史，但难免会忽略一些细节。如果未来的工程师们真的创造出了时间旅行机器，可以让你回到2020年。那么这个项目就是你和当年工程师们的接口暗号，你能感知到他们在这个时代的键盘上留下的余温。

(上段文字灵感来源于何帆《变量》)

感谢Star [![](https://img.shields.io/github/stars/Geekhyt/front-end-canteen?style=social)](#菜谱)


[![](https://img.shields.io/badge/WeChat-微信群-brightgreen)](#交流)
[![](https://img.shields.io/badge/公众号-前端食堂-blueviolet)](#交流)
[![](https://img.shields.io/badge/Jiujin-掘金-blue)](https://juejin.im/user/5a2de8a8f265da4320032fc4)
[![](https://img.shields.io/badge/Weibo-微博-orange)](https://weibo.com/u/2771284557)
[![](https://img.shields.io/badge/Zhihu-知乎-blue)](https://www.zhihu.com/people/huo-yi-tong-98)
[![](https://img.shields.io/badge/bilili-哔哩哔哩-ff69b4)](https://space.bilibili.com/161753278)


## 菜品

Tip：没有链接的正在计划发布中

### 面试专题
- [再来一打Webpack面试题🔥(持续更新)](https://juejin.im/post/5e6f4b4e6fb9a07cd443d4a5)
- [20+Vue面试题整理🔥(持续更新)](https://juejin.im/post/5e649e3e5188252c06113021)
- [面试心理学之面试前的思考](https://juejin.im/post/5e4a99506fb9a07ca714ae69)
- [再来一打Web安全面试题](https://juejin.im/post/5e78d298f265da576a57a6bc)
- React面试题整理
- 前端工程师应该怎样准备简历

### 基础通用技术
- 计算机组成原理
- 计算机操作系统原理
- 计算机网络
- 编译原理
- 浏览器工作原理
- Google V8引擎工作原理
- Nginx原理及实战
- Linux

### CSS
- [CSS色彩揭秘](https://juejin.im/post/5e3cd5caf265da5735504108)
- CSS布局揭秘

### JavaScript
- [JavaScript中的this](https://juejin.im/post/5d15b72d5188255d7032ee2c)
- [JavaScript闭包](https://juejin.im/post/5d54b91fe51d45620b21c3a0)
- [JavaScript原型链](https://juejin.im/post/5d31ea79e51d457778117452)
- [浏览器中JavaScript的事件循环](https://juejin.im/post/5d2036106fb9a07eb15d76e9)
- JavaScript学习路线

### 网络协议
- [HTTP的世界观(附HTTP/3中文翻译)](https://juejin.im/post/5dc6c7a8e51d45160d04a480)
- HTTPS
- TCP
- UDP

### 前端工程化
- [五分钟带你回顾前端模块化发展史](https://juejin.im/post/5e5e4c47f265da57715bb974)
- 搭建项目脚手架
- 打造属于自己的Vue/React组件库
- 持续集成
- Git工作流

### 性能优化
- 静态资源优化
- 服务端及网络层优化
- 全链路监控体系搭建

### 源码系列
- [从源码窥探Webpack4.x原理](https://juejin.im/post/5e1b2f77e51d454d5177a69d)
- [从源码解读Vue生命周期](https://juejin.im/post/5d1b464a51882579d824af5b)

### 设计模式
- [修炼内功之JavaScript设计模式（一）](https://juejin.im/post/5d711041f265da03b5746c26)
- [修炼内功之JavaScript设计模式（二）](https://juejin.im/post/5d9cb0636fb9a04de04d7fb0)
- [修炼内功之JavaScript设计模式（三）](https://juejin.im/post/5da6d3cc51882555704c8ff2)

### 数据结构与算法
- 前端该怎么学数据结构与算法
- LeetCode刷题心得
- 算法在前端中的应用场景

### Node.js
- [Node.js事件循环](https://juejin.im/post/5de095dd6fb9a071b5615db2)
- [Node.js异步编程进化论](https://juejin.im/post/5dd42a7651882549b16519fa)
- Express原理篇
- Koa原理篇
- Egg原理篇

### DevOps
- [看看Docker的内脏](https://juejin.im/post/5df5f924f265da339f7cf366)
- Kubernetes
- 自动化部署

### 网络安全
- [再来一打Web安全面试题](https://juejin.im/post/5e78d298f265da576a57a6bc)
- Linux系统安全
- Docker安全
- 数据库安全

### 数据库与消息队列
- SQL基础及性能优化
- MySQL基础及实战
- MongoDB基础及实战
- Redis基础及实战
- Kafka与RocketMQ

### IDE
- [老舅教你VS Code Disco](https://juejin.im/post/5e0a1ee1518825494d3289b7)
- [一份真香WebStorm快捷键](https://juejin.im/post/5d165bde6fb9a07ef06fa7e9)

### 工具集分享
- Mac工具集
- [「颜值即正义」那些管UI小姐姐要来的网站](https://juejin.im/post/5e7cdee26fb9a03c6e640cc7)

### 读者福利
- [前端食堂读者福利](https://mp.weixin.qq.com/s/cDoR8c4RI9U5dm_sQUJHCA)
- 书单整理


## 交流
加我微信tongobama 备注「加群」即可
![](https://github.com/Geekhyt/front-end-canteen/blob/master/images/qrcode.jpg)