前端开发图谱1、入门：需要掌握HTML/CSS/JS(ES)三剑客。解释如下：HTML是HyperTextMarkupLanguage，CSS全称CascadingStyleSheet，JS全称JavaScript，ES全称ECMAScript，ECMA全称EuropeanComputerManufacturersAssociation2、构建工具：分为代码验证工具、模块打包工具、任务运行器代码验证工具：ESLint、StyleLint、MarkdownLint模块打包工具：Webpack、Parcel、Rollup任务运行器：npmscripts、Gulp、Grunt3、框架学习：目前比较流行:Vue,React,Angular哪些框架一定要学基本语法，事件绑定，Vue：学指令，过滤器，VueX，ElementUI等React学Redux,Redux,AntDesign,Mobx,CSSinJSAngular学RxJS,ngrx4,NodeJS,属于到服务器端编程时间、日期获取文件操作多任务-多线程网络编程5、学习其他更高层次的内容服务器端渲染、静态站点生成器、渐进式网络应用程序、桌面应用程序、移动应用程序……理解网页的渲染对于一般用户来说，网页呈现的是文字、图片、视频、音频等。对于专业人士（程序员）来说，网页呈现的是一个由HTML或CSS或JS或TS文件组成的文件集合。它由三个前端层组成：HTML（结构层）、css（样式层）、JavaScript（行为层）。形象比喻如下：在你倒地的那一刻，上帝给了你一具赤裸的身体，属于HTML（结构）。妈妈给你买的衣服裤子，你给你梳的头发，都属于CSS（style）；老师教你读书，父母教你打招呼，朋友教你骑自行车，都属于JS（行为）其他多媒体内容：图片，视频，音频，超链接等，所有网页都是真实的,物理上存在的文件。网页的运行过程程序员将网页的源文件上传到服务器存储，用户稍后通过客户端（如浏览器软件）向服务器发送HTTP请求，服务器收到后响应请求，并返回存储的相关文件，通过HTTP传输到用户本地客户端，最后通过客户端渲染网页文件，展示最终用户看到的网页效果。这里有三个概念：服务器，云端服务器和客户端服务器。服务器（server）是一种特殊的计算机，它还包括处理器、硬盘、内存和系统总线。它在处理能力、稳定性、可靠性和安全性方面有更高的要求。功能：对于WEB，用于存储开发者上传的网页数据，需要响应服务请求并进行处理。要求：对于web服务器，为了让用户随时访问，必须24小时不间断工作。云服务器目前，大多数网站都使用云服务器（ElasticComputeService，ECS）。云服务器是一种简单高效、安全可靠、处理能力可弹性扩展的计算服务。其管理方式比物理服务器更简单高效。用户无需提前购买硬件，即可快速创建或发布任意数量的云服务器。客户端客户端（Client）也叫客户端，是指普通用户使用的终端。客户端的形式有很多种，最常用的有浏览器、APP等，而Web开发最主要的客户端形式就是浏览器。浏览器（Browser）是供用户在因特网上搜索和查看信息资源的应用程序。其功能：用于向服务器发送HTTP请求，接收服务器发回的HTTP响应，渲染HTML网页。了解主流浏览器产品主流的网页浏览器包括：微软的IE和MicrosoftEdge、Mozilla的Firefox、Apple的Safari、Google的Chrome和OperaSoftware的Opera。主流产品的内核对网页的渲染效果是不同的，因为不同的浏览器使用不同的内核，支持HTML等网页语言标准。建议：使用Chrome浏览器。（渲染效果好，市场占有率高，内置开发者调试工具）浏览器功能1：在浏览器地址栏输入相应的URL，或点击超链接，发送HTTP请求。功能二：接收服务器发回的HTTP响应，服务器会发回一个HTML给浏览器。功能三：解析并显示接收到的HTML。HTTP协议HypertextTransferProtocol：超文本传输??协议。它是客户端浏览器或其他程序与WEB服务器之间的一种应用层通信协议。HTTP请求请求，浏览器根据URL向对应的服务器发送请求。发起请求的方法：在浏览器地址栏输入网址，或点击网址链接。在HTML页面的解析过程中，会发送多个http请求，包括请求网页的图片、视频、音频等文件。HTTP响应response：响应，服务器根据请求响应一个HTML文件，将HTML传输给客户端，并在浏览器中渲染HTML页面。文本格式1、纯文本格式和富文本格式是指文本没有任何文字修饰，没有任何粗体、下划线、斜体、图形、符号或特殊字符和特殊打印格式的文本，只保存文本，不设置其格式.相反，富文本格式2被修改为具有各种特殊效果。与纯文本格式相比，最常见的是.txt文件。存储和传输时，只能保存文本，不能保存格式。富文本格式，对应纯文本，最常见的是.rtf文件，类似于.doc文件，里面可以保存文字样式，图形等。3、纯文本的优点文件只能保存文本，不保存其他格式或非文本内容，因此占用空间小，有利于网络传输。对于所有纯文本格式的文件，可以通过直接更改扩展名来更改保存格式。可以使用任何纯文本编辑器查看和编辑纯文本格式的文件。4、富文本的优势为用户提供了良好的体验。颜色区分多样，字体粗细不同，应用范围广泛。富文本可以用在很多场合，比如写博客、工作演示、会议演示……等等，但是纯文本写的内容在风格上过于单调，基本上没人愿意看。HTML的概念HypertextMarkupLanguage：超文本标记语言。它是一种用于创建网页的标记语言。HTML是纯文本格式的文件。它只能在里面写文字内容，不能添加图片、音频、视频等，但在网页上呈现给用户的效果包含文字以外的内容。这种效果是HTML语言。与其他文件的区别。超文本是超文本的缩写。简单地说，超文本就是用来链接另一个文本或多媒体内容的文本，例如链接图片、链接、音频、视频、程序等。标签，又称标签（HTML标签），有特殊的书写规范。它们是一种写入浏览器的语法格式，结合普通的文本信息，以实现特殊的语义或显示内容。可以在编辑器中编辑查看，但不能在浏览器中显示。使用标签为普通文本添加语义，描述超文本内容，构建网页的基本结构。__问题__：h1标签的用途是什么？错误答案：h1标签可以使内部文字加粗变大，占一行。正确答案：h1标签负责给内部文本添加一级标题的语义，不负责样式，由css负责样式。HTML的语义化在HTML文件中，如果不使用特殊的语义标签，也可以达到网页展示效果，但是使用标签为普通文本添加不同的语义，可以让网站的结构划分更加清晰。语义网页如下：方便代码阅读和后期维护，方便浏览器或网络爬虫更好的分析网站内容。使用语义标签有利于SEO搜索引擎优化，提高网站的搜索排名。HTML基本语法HTML规范?W3C：万维网联盟，WorldWideWebConsortium。专注于发布和维护Internet规范和标准。HTML标签?HTML标签通常被称为HTML标签（HTMLtags）。标签在编写和使用时必须遵循特定的语法。1.标签名必须写在一对尖括号<>内。2。标签分为单标签和双标签，双标签必须成对出现。