Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/geekhyt/front-end-canteen

你的前端食堂，吃好每一顿饭🍥
https://github.com/geekhyt/front-end-canteen
blog css fe html5 javascript nodejs react vue webpack
Last synced: 14 days ago
JSON representation
你的前端食堂，吃好每一顿饭🍥
Host: GitHub
URL: https://github.com/geekhyt/front-end-canteen
Owner: Geekhyt
Created: 2019-07-01T10:49:02.000Z (over 5 years ago)
Default Branch: master
Last Pushed: 2022-02-19T13:12:44.000Z (over 2 years ago)
Last Synced: 2024-10-15T11:03:30.280Z (28 days ago)
Topics: blog, css, fe, html5, javascript, nodejs, react, vue, webpack
Homepage:
Size: 547 KB
Stars: 1,399
Watchers: 42
Forks: 138
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.md/LICENSE.md
Awesome Lists containing this project

README

        # 菜谱

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

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

ps: 2020.9.2 日新增更新计划：每个月 8 号、18 号、28 号更新原创文章(上菜)。

感谢 Star🌟

[![](https://img.shields.io/badge/WeChat-微信群-brightgreen)](#交流)

[![](https://img.shields.io/badge/公众号-前端食堂-blueviolet)](#交流)

[![](https://img.shields.io/badge/Juejin-掘金-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)

## 周刊

- [前端食堂技术周刊](https://github.com/Geekhyt/weekly)

## 菜品

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 面试题整理](https://github.com/semlinker/reactjs-interview-questions)

- [坐下来谈谈如何写好一份简历？](https://juejin.cn/post/6990518974131732488)

### 基础通用技术

- 计算机组成原理

- 计算机操作系统原理

- 计算机网络

- 编译原理

- 浏览器工作原理

- [教女朋友学前端之深入理解JS引擎 ](https://juejin.cn/post/6996825009280778253)

- [前端工程师不可不知的 Nginx 知识](https://juejin.im/post/6864085814571335694/)

- Linux

### CSS

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

- [玩游戏学 CSS，哎，我就是玩儿！](https://juejin.cn/post/6999481454761607176/)

- CSS 布局揭秘

### JavaScript

- [从今天起构建你的 JavaScript 世界](https://juejin.im/post/6874029878950248455/)

- [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)

- [这些手写代码会了吗？少年](https://juejin.im/post/6856419501777846279)

- [种草ECMAScript2021新特性](https://juejin.cn/post/6898979293024485383)

- [手写Promise全家桶+Generator+async/await](https://juejin.cn/post/6907673648216145928/)

- [「笔记整理」第15届D2前端技术论坛: 揭秘TC39: ES2020 和 ES2021](https://juejin.cn/post/6908329539525410830)

- [2021年前端工程师书单推荐](https://mp.weixin.qq.com/s/ONRri-rG4W0iE8Hp6IFrXA)

- [假如易立竞问你如何判断 JavaScript 中的数据类型？](https://juejin.cn/post/6971443652191076366)

- JavaScript 学习路线

### 网络协议

- [HTTP 的世界观(附 HTTP/3 中文翻译)](https://juejin.im/post/5dc6c7a8e51d45160d04a480)

- [那些年与面试官交手过的 HTTP 问题](https://juejin.im/post/5e91d85ce51d4546c82d9d99#heading-32)

### 图解系列

- [图解浏览器](https://juejin.cn/post/6921656089364660231/)

### 前端工程化

- [五分钟带你回顾前端模块化发展史](https://juejin.im/post/5e5e4c47f265da57715bb974)

- 搭建项目脚手架

- 打造属于自己的 Vue/React 组件库

- 持续集成

- Git 工作流

- [60+常用 Git 命令行](https://juejin.im/post/5eb2d6bce51d454d9d3ed14f)

### 前端音视频

- [前端音视频的那些名词](https://juejin.im/post/6861941219938418702)

- [前端音视频之WebRTC初探](https://juejin.im/post/6881551269514149896/)

- [前端音视频WebRTC实时通讯的核心](https://juejin.im/post/6884851075887661070/)

### 性能优化

- 静态资源优化

- 服务端及网络层优化

- 全链路监控体系搭建

### 跨平台

- [Electron架构揭秘](https://juejin.im/post/6888686758495453191/)

### Vue 探秘之旅

- [海贼王 One Piece，一起康康 Vue 版本号中的彩蛋](https://juejin.im/post/6876628905923444749)

- [Vue3 DOM Diff 核心算法解析](https://juejin.im/post/6877814455968350215)

- [VueConf China 2021 《Vue3生态进展-尤雨溪》 Reaction](https://juejin.cn/post/6965321244828762126)

### 源码系列

- [React 技术揭秘](https://github.com/BetaSu/just-react)

- [从源码窥探 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)

### 数据结构与算法

- [前端如何搞定数据结构与算法(先导篇)](https://juejin.im/post/5e9bb8c251882573820998ac)

- [JavaScript 算法时间、空间复杂度分析](https://juejin.im/post/5ea979085188256d6f267940)

- [你真的懂递归吗？](https://juejin.im/post/5ec225e26fb9a043761ce4d8)

- [分治、动态规划、回溯、贪心一锅炖](https://juejin.im/post/5ee4f5bfe51d457b3f4a1fc0#heading-22)

- [“树”业有专攻](https://juejin.im/post/5ef32453f265da22ef7daad3#heading-14)

- [从酒桌游戏看二分查找算法](https://juejin.im/post/5f0499c76fb9a07e976bdbc2)

- [面试链表不再怕](https://juejin.im/post/5f09ede5f265da22eb2a6dcf)

- [食堂店小二儿教你学会栈](https://juejin.im/post/6869785753958907912)

- [前端玩转位运算(N皇后+Vue3位运算应用)](https://juejin.cn/post/6904595258915422215/)

- [手撕前端面试之经典排序算法 (动图+视频)](https://juejin.cn/post/6932482325159067656)

- [跌妈不认？一口气团灭6道股票算法打打气](https://juejin.cn/post/6933798952558919694/)

- [数组回炉重造+6道前端算法面试高频题解](https://juejin.cn/post/6937526265201033230/)

- LeetCode 刷题心得

### 提升效率

- [精选 10 款谷歌浏览器插件武装你的浏览器](https://juejin.im/post/5f116f996fb9a07e654fafa7)

- [精选 MAC 应用推荐，让你搬砖效率翻倍](https://juejin.im/post/5f1da863f265da22e56e21e1#heading-9)

- [精选高频 VS Code插件，让你多陪陪npy！](https://juejin.im/post/6895011670301605896/#heading-13)

- [如何打造高效好用的终端？拿来吧你](https://juejin.cn/post/6984781503372722206/)

### 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

### 中文翻译

- [Vue3 的诞生之路](https://juejin.im/post/5ecff3b2f265da76e3277b3a)

### 杂谈

- [认真聊聊写博客这件事](https://juejin.im/post/5ed24e02f265da76b828be18#heading-5)

- [眼里要有光！分享一些我收藏夹里的链接](https://juejin.cn/post/6947894860284166151)

### IDE

- [老舅教你 VS Code Disco](https://juejin.im/post/5e0a1ee1518825494d3289b7)

- [一份真香 WebStorm 快捷键](https://juejin.im/post/5d165bde6fb9a07ef06fa7e9)

### 工具集分享

- Mac 工具集

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

### 年终总结

- [2020你远道而来这世间，想必也是因为热爱吧](https://juejin.cn/post/6905737176776966152)

### 读者福利

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

- 每月送书福利

## 交流

加我微信: hungryturbo 备注「加群」即可，进群的同学们可以享受免费点菜权利～

![](https://github.com/Geekhyt/front-end-canteen/blob/master/images/new-qrcode.jpg)