前言

1.什么是前端开发

• 前端开发是创建 Web 页面或 app 等前端界面呈现给用户的过程
• 核心技术：HTML，CSS，JavaScript 以及衍生出的各种技术，框架等

2.前端开发应用场景

3.前端职业路线

4.什么是CS架构与BS架构

介绍

1. 应用软件，有两种架构模式：C/S架构、B/S架构
2. 前端工程师主要开发B/S架构的应用
3. 前端中存在一些技术学习了之后也可以去做服务端开发与客户端开发

图示

5.浏览器

五大主流浏览器

为什么能成为主流浏览器

它们的市场份额都非常大，且都有自己的内核

市场份额

浏览器内核

介绍

内核是浏览器的核心，用于处理浏览器所得到的各种资

主流浏览器使用的内核

6.网页

介绍

• 网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合
• 网页是网站中的一“页”通常是 HTML 格式的文件，它要通过浏览器来阅读
• 网页是构成网站的基本元素，它通常由图片，链接，文字，声音，视频等元素组成。通常我们看到的网页，常见以 .html 或 htm 后缀结尾的文件，因此将其俗称为 HTML 文件

组成部分

• 一个网页由“结构+表现+行为”组成
• 结构：HTML
• 表现：CSS
• 行为：JavaScript

显示流程

1. 前端人员开发代码
2. 浏览器显示代码（解析，渲染）
3. 生成最后的 Web 页面

7.Web标准

介绍

Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织

为什么需要Web标准

构成

建议

1. Web 标准提出的最佳体验方案：结构、样式、行为相分离
2. 简单理解：结构写到 HTML 文件中，表现写到 CSS 文件中，行为写到 JavaScript 文件中

8.纯文本

介绍

就是没有任何文本修饰的，没有任何粗体，下划线，斜体，图形，符号或特殊字符及特殊打印格式的文件，只保存文本，不保存其格式设置

纯文本格式

最常见的的是 .txt 文件。在存储和传输过程中，只能保存文件，不能保存格式

富文本格式

与纯文本对应，常见的是 .rtf 文件，类似 .doc 文件，内部可以保存文本的样式，图片等

纯文本的特点

• 文件只能保存文本，不保存其他的格式或非文本内容，有利于网络传输
• 所有的纯文本格式文件，可以通过直接更改扩展名的方式更改保存格式
• 纯文本格式文件可以使用任意的纯文本编辑器进行查看和编辑

前端与纯文本

HTML，CSS，JS 文件都是纯文本格式的文件

9.三大前端学习网站

• W3C官网
• W3School
• MDN