JavaScript核心之Web APIs实用案例

梦里梦外; 2024-03-30 11:27 64阅读 0赞

**课程简介：**

本课程主要讲解DOM、BOM操作、网页特效、正则表达式、本地存储等知识点，拒绝冷偏知识点，结合案例教学，让知识点更实用。

**课程亮点：**

1. pink老师主讲

2. 本课程主要讲解DOM、BOM操作、网页特效、正则表达式、本地存储等。拒绝冷偏知识点，突出实用。

3. 课程采用闭环方式设计，每天课程都有完整的实用案例或项目，把当天所有重点内容进行综合强化练习， 让学生学以致用。

4. 课堂案例在实际开发中都有运用场景。

**适用人群：**

1. 对前端开发感兴趣的在校生及应届毕业生

2. 对目前职业有进一步提升需求，希望从事前端行业高薪岗位的在职人员

3. 对前端开发感兴趣，希望快速入门前端开发的相关人员

4. 有一定JavaScript基础的同学学习更佳

**推荐教程：**[JavaScript核心之Web APIs实用案例][JavaScript_Web APIs]

**Web API****s** **和** **JS** **基础关联性**

**1.1 JS** **的组成**

![0facb491cf0d40e5bbd5f23b5e139603.png][]

2. **JS** **基础阶段以及** **Web APIs** **阶段**

JS 基础阶段

我们学习的是 ECMAScript 标准规定的基本语法

要求同学们掌握 JS 基础语法

只学习基本语法，做不了常用的网页交互效果

目的是为了 JS 后面的课程打基础、做铺垫

**Web APIs 阶段**

Web APIs 是 W3C 组织的标准

Web APIs 我们主要学习 DOM 和 BOM

Web APIs 是我们 JS 所独有的部分

我们主要学习页面交互功能

需要使用 JS 基础的课程内容做基础

JS 基础学习 ECMAScript 基础语法为后面作铺垫， Web APIs 是 JS 的应用，大量使用 JS 基础语法做交互效果。

**2.** **API** **和** **Web API**

**2.1 API**

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

简单理解：**API 是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能。**

比如手机充电的接口：

我们要实现充电这个功能：

我们不关心手机内部变压器，内部怎么存储电等

我们不关心这个充电线怎么制作的

我们只知道，我们拿着充电线插进充电接口就可以充电

这个**充电接口就是一个 API**

**2.2 Web API**

**Web API** **是****浏览器**提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。

现阶段我们主要针对于浏览器讲解常用的 API , 主要针对浏览器做交互效果。

比如我们想要浏览器弹出一个警示框， 直接使用 alert(‘弹出’)

MDN 详细 API : https://developer.mozilla.org/zh-CN/docs/Web/API

因为 Web API 很多，所以我们将这个阶段称为 **Web APIs**

**2.3 API** **和** **Web API** **总结**

1. API 是为我们程序员提供的一个接口，帮助我们实现某种功能，我们会使用就可以了，不必纠结内部如何实现

2. Web API 主要是针对于浏览器提供的接口，主要针对于浏览器做交互效果。

3. Web API 一般都有输入和输出（函数的传参和返回值），Web API 很多都是方法（函数）

4. 学习 Web API 可以结合前面学习内置对象方法的思路学习

[JavaScript_Web APIs]: http://yun.itheima.com/course/949.html
[0facb491cf0d40e5bbd5f23b5e139603.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/dbfab3fa35b94b5585837575ca79fe3d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，64人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript核心之 DOM BOM

课程亮点 1.带你了解并掌握jQuery库的使用。 2. 不再快速过api，而是通过大量经典案例加强jQuery语法练习。 3. 不再纠结于常见网页特效，而是突出两大案例

素颜马尾好姑娘i/ 2024年03月30日 11:27/ 0 赞/ 91 阅读

相关 JavaScript核心之Web APIs实用案例

课程简介：本课程主要讲解DOM、BOM操作、网页特效、正则表达式、本地存储等知识点，拒绝冷偏知识点，结合案例教学，让知识点更实用。课程亮点： 1. pink老师主讲

梦里梦外;/ 2024年03月30日 11:27/ 0 赞/ 65 阅读

相关 5 个 JavaScript Web API

Clipboard API：允许将内容复制到设备剪贴板并从设备剪贴板读取内容 navigator.clipboard.writeText('hello') .

ゝ一世哀愁。/ 2024年03月23日 18:20/ 0 赞/ 83 阅读

相关最通俗易懂的JavaScript实用案例

> 前言:"人生最大的喜悦是每个人都说你做不到，你却完成它了！"你好！我是梦阳辰！快和我一起学习起来吧! 如果你没接触过JavaScript：以下文章对你有帮助。 [最通俗

Dear 丶/ 2023年03月13日 05:21/ 0 赞/ 55 阅读

相关【JavaScript】核心语法之数组

数组；一.数组是什么；是值得有序集合，每个元素都在数组里有唯一的位置，用数字表示，叫做索引数据；用字符串表示，叫关联数组。数组无类型；数组元素可以是类型，

迷南。/ 2023年01月23日 14:57/ 0 赞/ 50 阅读

相关 Web API之BOM

BOM游览器对象模型 -------------------- 文章目录 BOM游览器对象模型一、BOM的概述二、window

系统管理员/ 2022年12月04日 07:40/ 0 赞/ 180 阅读

相关 APIS之DOM核心重点

DOM重点核心：创建、增、删、改、查、属性操作、事件操作创建： document.write(); 元素.innerHTML = '';

怼烎@/ 2022年11月20日 04:53/ 0 赞/ 153 阅读

相关 Web前端——Javascript学习（API）

1、API：应用程序编程接口这是实现的，现成的对象和方法。——提高开发效率 2、数组API （1）arr to String var str=arr.toS

「爱情、让人受尽委屈。」/ 2022年06月17日 09:23/ 0 赞/ 207 阅读

相关 BaiduMap 之 Javascript API

BaiduMap 之 Javascript API 关于百度Map API 有很多种类型(指的是控件类型而非Map类型)，如 Android API、Javascript

爱被打了一巴掌/ 2022年06月05日 02:35/ 0 赞/ 175 阅读

相关 JavaScript之了解BOM实用功能

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi...

小灰灰/ 2021年05月03日 05:47/ 0 赞/ 447 阅读