「这是我参与2022首次更文挑战的第1天，活动详情查看：2022首次更文挑战」

🌈前言

大家好，我是问啥啥都会，干啥啥不行的XiaoLin，后端人眼中的前端是什么模样呢？我Lin某人给你答案。

• 🚀从零开始学习JS基础🔟🚀
• 🚀从零开始学习JS基础9️⃣🚀
• 🚀从零开始学习JS基础8️⃣🚀

一、😊Web API 概述

1.1、💎API概述

API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数或方法，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。

Web API：浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)，此处的Web API特指浏览器提供的一组方法，Web API在后面的课程中有其它含义。如下是MDN中的列举的Web API：MDN文档。

1.2、🎉Web API的概念

Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。现阶段我们主要针对于浏览器讲解常用的 API , 主要针对浏览器做交互效果。比如我们想要浏览器弹出一个警示框， 直接使用 alert(‘弹出’)。

1.3、💖API和WEB API总结

0. API 是为我们程序员提供的一个接口，帮助我们实现某种功能，我们会使用就可以了，不必纠结内部如何实现
1. Web API 主要是针对于浏览器提供的接口，主要针对于浏览器做交互效果。
2. Web API 一般都有输入和输出（函数的传参和返回值），Web API 很多都是方法（函数）。
3. 学习 Web API 可以结合前面学习内置对象方法的思路学习。

二、🧧JavaScript组成

2.1、🍿ECMAScript

ECMAScript 定义了JavaScript 的语法规范，是JavaScript的核心。它描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准，它与具体实现无关。

2.2、🎁BOM

BOM（Browser Object Model）其实是一套操作浏览器功能的API，通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等 。

2.3、🎄DOM

DOM（Document Object Model）其实是一套操作页面元素的API，JavaScript中的DOM把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作。