浏览器的运行原理

保存数据 处理数据 生成视图

在淘宝的工作经历:

. 一开始的多屏适配方案
. 基础库
. 工具链
. 页面搭建平台
. 性能体系
. 客户端融合方案 Weex

前端的黄金时代

. 职责变得更加重要 有了独立的发布权限 技术也变的更加复杂
. 一些传统软件开发 和 服务端的方法论逐步移植到前端开发中
. 并形成了前端自己的工程体系:如持续集成 前后端分离 线上监控
-----------------------------------------------
架构方面:
. 前端架构的任务也从简单的解决兼容和风格问题,逐步过渡到 提倡组件化 和 UI架构模式
最后形成了新一代的前端框架 React Vue Angular 它们也在竞争和互相成长中学习.

前端学习的痛点:散点自学 + 基础不牢

. 很多人对 前端的知识体系 和 底层原理 没有真正系统地理解
. 土法学前端:对知识的理解基本都停留在点上 从来没有大范围把这些点串成线 形成自己的知识体系 因此才会出现上面说的遗漏和盲点
. 这个问题在一些一直在小公司工作的前端工程师身上非常突出
. 经常看到一些案例:一些有技术追求 有热情的工程师 因为技术敏感度和主观能动性都不错
工作了5-6年后 逐步在做一些管理的相关的事情.
但是 由于他们所在公司的业务并不复杂,也没有技术积累,所以他们自身的技术水平并不高
可以说还处在非常初级的阶段(可能面试阿里P6都过不了)
. 做了管理 技术没跟上 并且错过了最佳学习时间,这个境遇可想而知.
他们在工作上大概率只能被动地接收需求解决问题 同时焦虑着自己的未来和竞争力

前端工程师的成长 [ 重点 ]

. 需要两个视角

1. 立足标准 系统性总结和整理前端知识 建立自己的认知和方法论.

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

重学前端 专栏的初衷

. 希望提供一些视角 带你以[完备 + 体系化的]理解 和 思考 前端的基础知识和工程实践
. 前端工程师也是开发工程师的一员 除了前端自身领域知识和工程特点以外
还需要了解 程序员通用的编程能力和架构能力

. 如何成为优秀的前端工程师
1. 通过系统的学习和总结获取知识
2. 通过练习获取 编程能力
3. 通过工作经验来获取 架构能力 和 工程能力

. 专栏的目的
1. 帮助你建立自己的知识体系 根据你自己的理解把前端领域的知识链接起来 形成结构
这样做的好处 不但能帮助你记忆 还能发现自己知识的缺失 甚至可以凭借知识体系来判断知识的中重要性 来决定是否深入学习

栏目规划

. javascript
. CSS and HTMl
. 浏览器实践
. 前端综合应用
前三个是前端基础知识 是个人的前端能力提升
第四个模块 是前端团队发展相关的内容 有助于你和团队的整体提高

. javascript 部分:
. 会从文法和运行时的角度来讨论JavaScript 它们是相互关联的 而语义就是文法到运行时的桥梁
它们分别又是完备的,任何语言都离不开两者 所以从 语法 到 运行时的角度 可以了解完整的 JavaScript

. CSS 和 HTML 部分
. 会侧重才能语言 和 设计思想的角度来讲解 同样对两者的全貌有一些了解

. 浏览器部分
. 包含浏览器工作的原理 和 一些重要的 API
包含 BOM DOM CSSOM 和其他一些内容
了解这些知识 才能把 JavaScript HTML CSS 连接起来 用JavaScript来实现功能