文章声明：转载来源：https://zhuanlan.zhihu.com/p/394304276

一、前端概述

现在互联网应用大都由运行在服务器的后端程序和运行在各种终端设备的前端程序共同构成。

后端的代码、资源和数据是预先就部署或存储在后端并且运行在后端服务器上。而前端运行所需的代码、资源和数据都是来自后端的。前端从后端服务器安装或加载程序并运行在终端设备中，并且前端和后端通过网络相互协作，最终向用户展示和实现WEB应用的全部内容和功能。

1、前端应用就是指运行在各种终端设备的程序和资源

HTML、CSS和JS提供前端应用运行的代码；

图片和视频等为前端应用提供多媒体内容；

后端API为前端提供业务功能服务和数据访问服务。

2、前端应用的核心运行环境是浏览器引擎

浏览器引擎通过解析HTML来呈现应用页面的结构和内容；

浏览器引擎通过解析CSS来渲染应用页面的式样和风格；

浏览器引擎通过执行JS代码以实现应用页面的动态功能；

浏览器引擎帮助应用页面加载静态资源；

浏览器引擎可以实现与后端服务的功能和数据交互。

3、前端开发的重点是编写和组织HTML、CSS和JS代码

前端应用由一个或多个应用页面构成，应用页面也俗称为网页或简称为页面。只有一个页面的前端应用称为单页面应用，而多页面应用是通过多个页面间的静态或动态链接而相互管理起来的应用。

HTML是描述页面结构和内容的语言，每个页面都有其对应的HTML文件，HTML是页面的朱文件。

CSS是描述页面风格和式样的语言，CSS是直接嵌入或间接引入到HTML页面中的。

JS是实现页面动态功能的编程语言，JS也直接嵌入或间接引入到HTML页面中的。

二、基本概念

1、JavaScript
一种动态的通用面向对象的编程语言。

2、HTML
HTML是指超文本标记语言，是一种通过标签来描述网页的语言。HTML文档=网页，其中HTML5是下一代HTML标准。

3、CSS
CSS指层叠样式表，用来定义HTML元素展示样式。CSS3是最新的CSS标准。

4、Ajax
Asynchronous JavaScript and XML。AJAX是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

5、JQuery
JQuery是一个JavaScript库，简化了JavaScript编程。

6、React
Facebook开源的一种前端框架。

7、Node
Node是服务器的JavaScript运行环境，提供API与操作系统互动。Node可以类比为Java的JVM。主要用途：开发前端应用、快速搭建服务、架设网站。

8、DOM
DOM是HTML文档的对象化描述，也是HTML元素与外界（如JavaScript）的接口。React就是早DOM的基础上创造虚拟DOM。

9、Session
会话，通过在服务记录信息确定用户身份。

10、Cookie
Cookie/Session机制讲解，通过在客户端记录信息确定用户身份。

11、ES6
ECMAScript6是JavaScript语言的下一代标准。ECMAScript和JavaScript的关系是，前者是后者的规格，后来是前者的一种实现。还有日常场合，这两个词是可互换的。