前端简介

前端码农辛勤劳动的结晶本质上是一个 Computer Program，作为一个程序，通常要包含如下要素：

• 运行环境：运行在什么环境上
• 编程语言：用什么语言编写
• 开发框架：有什么开发框架可以方便开发者快速开发程序
• 工程设施：帮助开发者解决构建、环境、调试、发布等问题
• 分发渠道：代码如何分发到运行环境

结合前端的业务模型，从这个角度去看前端，会发现一条比较清晰的知识谱系概览图：

总体来说，前端研发设计的知识包含如下大类：

运行环境

• 浏览器内核：浏览器内核包含三大组成部分

• • Browser Engine：负责渲染页面，
• • • Webkit、
    • Googke Blink、
    • Firefox Gecko、
    • Microsoft EdgeHTML
• • JavaScript Engine：负责执行 JavaScript
• • • V8
    • 微软 ChakraCore
• • 浏览器：负责调度硬件资源、与 Web Server 通信、处理用户操作等，包含：图形、网络、进程、界面、安全等模块，见 Chromium Design Documents
• • • Firefox
    • Chrome
    • IE

• Native 容器

• • Native
• • • React Native
• • Webview
• • • Cordova
    • Weex

编程语言

• 数据通道
• 应用开发
• 工程化
• 性能
• 安全
• 体验

参考

• 前端开发漫游指南