Front-End Knowledge

Website: https://ipeng6.github.io/front-end-knowledge

前端知识整理，便于系统得学习、复习、查漏补缺，最终形成一个完整的前端知识体系。

信念

1. 合抱之木生于毫末；九层之台起于累土；千里之行始于足下。
2. 不积跬步，无以至千里；不积小流，无以成江海。
3. 冰冻三尺，非一日之寒；为山九仞，岂一日之功。
4. 为天地立心，为生民立命，为往圣继绝学，为万世开太平。
5. 他山之石，可以攻玉。(借鉴的意义)
6. 高筑墙，广积粮，缓称王。

学派

1. 学院派-气宗: 从底层学起讲究内功心法，操作系统、计算机组成原理、计算机网路、数据库、编译原理、汇编 C C++ JAVA 等通用编程语言、算法与数据结构、设计模式、前端语言标准发展逻辑 优缺点 设计原理、浏览器解析原理、V8 引擎原理、周边生态框架源码学习。

   缺点：时间漫长，学究，容易眼高手低，容易将现实中的小问题想复杂，通晓原理容易不拘小节，武林大师多死于小人暗算

2. 实战派-剑宗: 以项目实战解决实际问题为驱动，见招拆招不断补充必要知识，集众家之长、最佳实践，形成最实际变通的武学。

   缺点：根基不稳缺乏体系后劲不足，招式很多却不一定能抓住问题的本质核心，疲于奔命

3. 学徒派-慕容氏: 直接速食前辈消化后的成果，类似斗转星移、吸星大法这类武功需要借力打力或直接化为己用而制敌。

   缺点：依赖他人很容易到达瓶颈，个人缺乏独立探索挖掘创新解决问题的锻炼，遇到给架构给方案的需求时力不从心底力不足

Roadmap

• Web Developer Roadmap
• 前端技术清单
• front-end-handbook-2019

文档手册

• MDN Web technology for developers
• 现代 JavaScript 教程
• Learn ES2015
• ECMAScript 6 入门 [Github]

基础

• JavaScript Algorithms and Data Structures
• 33-js-concepts
• You-need-to-know-css
• 30-seconds-of-code
  • 30-seconds-of-css
  • 30 Seconds of Interviews
• You-Dont-Know-JS（微信读书 app 里已有中文翻译《你不知道的 JavaScript》）
• how-javascript-works

技术团队

• 淘系前端团队
• AlloyTeam 腾讯全端团队
• 京东凹凸实验室
• 美团技术团队
• 有赞技术团队
• 百度 Web 前端研发部

博客周刊

• 科技爱好者周刊-阮一峰
• 前端精读

公众号

• 前端之巅
• 前端早读课
• 前端大全
• 前端外刊评论
• 前端真好玩
• 前端开发
• 开发者技术前线
• 前端桃园
• 程序员成长指北
• 前端精读周刊
• 前端工匠
• code 秘密花园

网站

• 掘金
• Medium

书籍

• 《JavaScript 高级程序设计》【红宝书】
• 《你不知道的 JavaScript》【小黄书】
• 《JavaScript 语言精髓与编程实践》【绿皮书】
• 《CSS 揭秘》

检验掌握的标准

1. 能造出轮子
2. 能把别人讲明白

目录大纲

• _sidebar