前端开发入门知识
前端开发概念
创建Web页面或app等的前端页面
所用技术
HTML，CSS，JavaScript以及衍生出的各种技术及框架等
职业路线
Web前端开发工程师，小程序开发工程师，移动Web开发工程师，前端架构师/前端专家
学习路线
前端知识
计算机基本认识，应用的概念，前端和后端
HTML
HTML语法，HTML语义化，SEO(Search Engine Optimization)基础
CSS
CSS语法，页面布局，媒体查询，CSS3
JavaScript进阶
JS语法，基础的数据结构，Web APIs，ES6+，模块化，TypeScript
包管理工具
npm，yarn
CSS进阶
CSS预处理器：SASS,LESS,PostCSS
CSS框架：Bootstrap，tabler，Semantic UI，Materialize CSS
CSS架构规范：OOCSS，BEM，SMACSS
构建工具
代码校验工具：ESLint，StyleLint，MarkdownLint
模块打包工具：Webpack，Paracel，Rollup
任务运行器：npm scripts，Makefile，Gulp，Grunt，Broccoli
流行的框架
VUE.js：VueX，Element UI
React.js：Redux，AntDesign，Mobx，CSS in JS
Angular.js：RxJS，ngrx
持续学习
Node.js，渐进式Web应用，服务器渲染，静态站点生成器，桌面应用，移动应用，桌面应用
网页的组成
前端三层
HTML(结构层)，CSS(样式层)，JavaScript(行为层）。html类似于篮球运动员的骨架，css为其血肉，js让其做出投篮动作。
其他
多媒体文件：图片，视频，音频，超级链接等。
所有网页都是真实，物理存在的文件。
互联网运行过程
- 程序员将网页源文件通过ftp等软件上传到服务器进行存储
- 用户后期通过客户端（如浏览器软件）发送HTTP请求到服务器
- 服务器接收请求后进行响应，将存储的相关文件通过HTTP响应回传到用户本地客户端
- 最终通过客户端将网页文件进行渲染，显示出最终用户看到的网页效果。
浏览器
主流浏览器内核
浏览器功能
- 发送HTTP请求，发送的方式是在浏览器地址栏输入对应网址，或者点击超级链接。
- 接收服务器发回的HTTP响应，服务器会发回一个HTML给浏览器。
- 将接收到的HTML进行解析并显示。
HTTP协议
Hypertext Transfer Protocol:超文本传输协议。是客户端浏览器或其他程序与WEB服务器之间的应用层通信协议。
HTTP包含请求和响应两部分。
请求：request，浏览器根据网址向对应的服务器发送请求。
发起请求的方法：在浏览器地址栏中输入网址，或者点击网址链接。输入的网站地址叫做URL (Uniform Resource Locator，统一资源定位符)。
响应：response，服务器根据请求响应一个HTML文件，将HTML传输给客户端，在浏览器中进行HTML网页的渲染。
HTML页面解析过程中，会发出多个http请求，包含网页的图片、视频、音频等文件请求。
注意事项
纯文本格式
纯文本格式，就是没有任何文本修饰的，没有任何粗体，下划线，斜体，图形，符号或特殊字符及特殊打印格式的文本，只保存文本不保存其格式
- 纯文本格式文件：最常见的是.txt文件。在存储和传输过程中，只能保存文字，不能保存格式。
- 富文本格式文件：与纯文本对应，最常见的是.rtf文件，类似.doc文件，内部可以保存文本的样式、图片等。
纯文本格式文件的特点：
1. 文件只能保存文本，不保存其他的格式或非文本内容。有利于网络传输。
2. 所有的纯文本格式文件，可以通过直接更改扩展名的方式更改保存格式。
3. 纯文本格式文件可以使用任意的纯文本编辑器进行查看和编辑。