前端三大核心要素以及前后端通讯

1、HTML（结构层）

        HTML​（全称：​HyperText Markup Language，即 ​超文本标记语言）是用来构建网页内容和结构的标准标记语言。

        简单来说：HTML 就像是网页的骨架或结构，它告诉我们页面上有什么内容：比如标题、段落、图片、链接、列表、表单、按钮等。

2、CSS（表现层）

        1、概念：

                CSS​（全称：​Cascading Style Sheets，​层叠样式表）是用于控制网页外观和布局的一种样式表语言。

                简单来说：HTML 负责网页的内容与结构，CSS 负责网页的样式与美观！​

        2、CSS缺陷：

                1、语法不够强大、无法嵌套使用，模块化开发中需要写很多重复选择器

                2、没有变量和复用机制，逻辑相关联的属性值操作必须写大量重复代码，难以维护

        3、CSS预处理器

                为解决上述缺陷，出现了CSS预处理器

                1、概念：         

                        CSS 预处理器​ 是一种工具/语言，它是对原生 CSS 的扩展，提供了更多强大的功能，增加了一些编程的特性，比如：变量（Variables）、嵌套（Nesting）​、混合（Mixins）​、函数（Functions）​、模块化与导入（Import）、运算（Operations）​、逻辑控制（如 if/for）​

                        预处理器会将写的这种“增强版 CSS”代码 ​编译（compile）成标准的、浏览器能识别的原生 CSS。

                2、常用的CSS预处理器

                        1、Sass（SCSS）：基于Ruby，通过服务端处理，解析效率高，功能强大，但是要学习Ruby语言，官网：Sass世界上最成熟、稳定和强大的CSS扩展语言 | Sass中文网

                        2、​Less：基于nodeJs，通过客户端处理，使用相对简单；但功能比Sass简单，效率也低于Sass，官网：Less 中文网

3、JavaScript（行为层）

        1、概念：

                JavaScript（简称 JS）​​ 是一种运行在 ​浏览器中（以及服务器端）​​ 的轻量级、解释型的 ​编程语言，它是网页的 ​​“动态与交互能力”​​ 的核心。

                简单来说： ​HTML 是网页的骨架，CSS 是网页的皮肤，JavaScript 是让网页动起来、有逻辑、有交互的“大脑”和“肌肉”

        2、JavaScript框架

                1、jQuery：

                        优点简化了DOM操作，缺点是DOM操作太频繁，影响前端性能

                2、Angular：

                        Google收购的前端框架，是一群Java程序员开发的，提出了模块化开发理念（MVVM），使用TypeScript语法。

                3、React：

                        Facebook公司发开的，一款高性能的前端框架，提出了虚拟DOM的概念，减少真实DOM的操作，在内存中模拟DOM操作，优点提升了前端渲染效率，缺点使用相对复杂，需要学习JSX语言

                4、Vue：

                        一款渐进式JavaScript框架，综合了Angular模块化开发理念（MVVM）和React的虚拟DOM。

  4、Axios（通讯）

                Axios​ 是一个基于 ​Promise​ 的 ​HTTP 客户端，用于在浏览器和 Node.js 中发送 ​异步 HTTP 请求​（比如：GET、POST、PUT、DELETE 等）。

                简单来说： ​Axios 是一个 JavaScript 库，用来方便地从浏览器或 Node.js 向服务器发送网络请求并获取数据，例如：获取 API 数据、提交表单、上传文件等

                Vue的边界很明显，就是用来处理DOM的，所以并不具备通讯能力