重学前端学习笔记一

笔记说明

重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天 10 分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入 winter 的专栏学习【原文有 winter 的语音】，如有侵权请联系我，邮箱：kaimo313@foxmail.com。

前端发展史：从青铜时代 –> 黄金时代

青铜时代

• 据 winter 回忆，06 年的时候接触前端时，网页的主要交互都还是依靠切换超链接来完成
• 那时候谷歌刚刚基于 ajax 发布的 gmail 也没多久，ajax 的出现标志着 web1.0（静态网页）到 web2.0（动态网页）的迈进，但国内很少人懂

白银时代

• winter 在 08 年毕业后在微软北京负责 window CE 上的 IE 浏览器的开发
• 两年后加入盛大做电子书，负责电子书的文本排版工作
• 盛大后期加入 webOS 项目，负责前端框架
• 最直观的的表现之一：前端慢慢的从后端分离出来，代码也变得复杂，需要保存数据，处理数据，生成视图等，工程化的思想也逐渐萌芽。

黄金时代

• 盛大离职后，winter 加入阿里做手机淘宝开发
• 随着移动互联网的到来，前端开启了 ’ 黄金时代 ’，形成前端的工程体系，诸如持续集成，前后端分离，线上监控 …
• 架构方面：从简单的解决兼容和风格问题 –> 组件化 UI 架构模式，形成了新一代的三大前端框架 Angular, React, Vue

前端开发之痛：散点学习 + 基础不牢

个人感受：前端知识点很杂，多，框架更新太快，需要个人投入的时间学习比较多，并且对于前端的知识体系和底层原理没有真正的系统地理解

成长的两个视角

1、立足标准

系统性的总结和整理前端知识，建立自己的认知和方法论

2、放眼团队

从业务和工程角度思考前端团队的价值和发展需要

前端知识体系

四个模块

• javaScript
• css 和 html
• 浏览器实践
• 前端综合应用

重学前端初衷

提供一些视角，以完备、体系化的方式理解和思考前端的基础知识和工程实践

个人总结

重学前端这个专栏我是一开篇就跟着 winter 学习过来的，但是最近很多东西又开始遗忘，我正好也准备写一点东西，就打算把学习的一些要点梳理一下，养成一个自己不喜欢的习惯很不容易，比如整理笔记，希望刻意的练习能帮助你我。