【笔记】查漏补缺进阶：WebAPIs介绍

最新推荐文章于 2024-03-13 11:11:16 发布
最新推荐文章于 2024-03-13 11:11:16 发布
阅读量212 收藏 1
点赞数
分类专栏： 前端学习 文章标签： html5 css3 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43143469/article/details/123863660
版权

与js的关联性

在这里插入图片描述

阶段对比

  1. JS基础阶段：ECMA Script标准规定的基本语法
  2. web APIs阶段：W3C组织的标准，主要学习DOM、BOM，实现页面的交互效果

web API

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

文档对象模型(Document Object Model,DOM)

  1. W3C组织推荐的处理可扩展标记语言(html,xml)的标准编程接口
  2. W3C定义了一系列DOM接口，可以通过其改变网页的内容、结构和样式
  3. DOM图示
    在这里插入图片描述

浏览器对象模型（Browser Object Model，BOM）

  1. 提供独立于内容而与浏览器窗口进行交互的对象，其核心对象是window
  2. 由一系列相关的对象构成，且每个对象都提供了方法和属性
  3. 缺乏标准，最初是Netscape浏览器标准的一部分

BOM与DOM

  1. 区别
    在这里插入图片描述
  2. 联系：BOM包含DOM
    在这里插入图片描述
  3. window对象是浏览器的对象，具有双重角色
    · 是js访问浏览器窗口的一个接口；
    · 是一个全局对象，定义在全局作用域中的变量和函数，会变成window对象的属性和方法
啊有礼貌
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
webAPIs
qq_42899861的博客
08-19 101
1.1. Web API介绍 1.1.1 API的概念 API（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，无需理解其内部工作机制细节，只需直接调用使用即可。 1.1.2 Web API的概念 Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。 现阶段我们主要针对于浏览器讲解常用的 API , 主要针对浏览器
WebAPIs基础笔记
07-07
WebAPIs笔记
WebAPIs
m0_62091240的博客
09-06 131
API是为我们程序员提供的一个接口,帮助我们实现某种功能,我们会使用就可以了,不必纠结内部如何实现Web API主要是针对于浏览器提供的接口,主要针对于浏览器做交互效果。Web API -般都有输入和输出(函数的传参和返回值) , Web API很多都是方法(函數)出(函数的传参和返回值) , Web API很多都是方法(函數)学习Web API可以结合前面学习内置对象方法的思路学习。
webapis
qq1054062615的博客
08-02 127
h5新增了一个获取自定义属性的方法。div.getAttribute('data-list-name'） div.dataset.listName 设置的时候怎样设置，获取的时候后面的首字母大写。讲解一下排他思想，就是我们有一排按钮，只想点击某一个的时候点击的那个变色，其他的不变色，这个时候我们可以用排他思想来完成，点击的时候首先遍历所有按钮，让所有的按钮失去颜色，再给自己点击的按钮添加颜色。// 1. e.target 返回的是触发事件的对象（元素） this 返回的是绑定事件的对象（元素）...
webApi06
qq_36343904的博客
05-26 200
**1.1. **动画函数封装 1.1.1 缓动效果原理 缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来 思路： 让盒子每次移动的距离慢慢变小，速度就会慢慢落下来。 核心算法： (目标值 - 现在的位置) / 10 做为每次移动的距离步长 停止的条件是： 让当前盒子位置等于目标位置就停止定时器 注意步长值需要取整 1.1.2 动画函数多个目标值之间移动 可以让动画函...
webapis-playground:Web APIs Playground 是一个通过示例和演示来展示 JavaScript Web APIs 的项目。 客户端 JavaScript API 可帮助为许多低级任务提供包装函数
07-24
Web APIs Playground是一个通过示例和演示来展示 JavaScript Web APIs 的项目。 客户端 JavaScript API 为许多低级任务提供包装函数，例如， 设备硬件交互 客户端存储交互 3D 图形，WebGL 通知 音频视频 还有很多...
JSWeb APIS笔记 笔记笔记
10-19
**JSWeb APIS笔记概述** JSWeb APIS是JavaScript在Web开发中用于与浏览器交互的一系列接口和对象，它们使得JavaScript能够操作HTML文档、处理用户交互、管理窗口和历史、以及存储和获取本地数据。本笔记将深入探讨...
html5-apis:HTML5 Web API
05-22
HTML5 Web API是现代网页开发中的重要组成部分，它极大地扩展了浏览器的能力，使得开发者能够创建出功能更加强大、交互性更强的Web应用。本文将深入探讨HTML5 Web API的相关知识点，包括其基本概念、主要特性以及...
Web APIs.xmind
12-05
- API（Application Programming Interface）应用程序编程==接口==（暴露出来的工具）。 - webAPI：浏览器平台对外公开的提供操作浏览器和网页的接口（BOM、DOM
RESTful Web APIs
09-05
Progressive Disclosure is a concept in User Interface Design which advocates only presenting to the user the information they need when they need it. In many ways, the book you are reading right now is an example of this principle. In fact, it is quite likely that this book wouldn’t have “worked” a mere seven years ago. For you see, the programming world was quite a different place when RESTful Web Services, the predecessor of this book, was written. At that time, the term “REST” was was rarely used. And when it was used it was often misapplied, and widely misunderstood. This was the case despite the fact that the standards upon which REST is based, namely HTTP and HTML, were developed and became IETF and W3C standards in roughly their current form in the second half of the 1990s. Roy Fielding’s thesis paper in which he introduced the term REST and on which this book was based was itself published in 2000.
WebAPIs(Bom对象)
Hw111520的博客
08-12 184
存储复杂数据类型： 将复杂数据类型转换成JSON字符串（JSON.stringify(对象)) 获取:将JSON字符串转换对象: 先获取字符串 localstorget.getItem(对象) (JSON.parse(获取的字符串))
WebAPIs-基础知识
qq_31087241的博客
05-12 1567
###WebAPIs Web APIs 是W3C组织的标准 Web APIs 是JavaScript所独有的部分 Web APIs 主要提供页面交互功能 JS的应用 API (Application Programming Interfact) 应用程序编程接口 : 一些预定义的函数，提供应用程序和开发人员基于某软件或硬件得意访问一组例程的能力 Web API : 浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM) DOM （Document Object Model) : W3C组织推
WebAPIs学习---基本认知、获取DOM元素、设置/修改DOM元素内容、修改元素的样式、className和classList修改样式
Yajyaj123的博客
06-27 813
WebAPIs学习
WebAPIs- 常用的键盘事件、BOM、JS执行机制，建议收藏！
解启超
02-19 246
Web APIs 学习目标： 能够说出常用的3-5个键盘事件 能够知道如何获取当前键盘按下的是哪个键 能够知道浏览器的顶级对象window 能够使用window.onload事件 能够使用window.onresize事件 能够说出两种定时器的区别 能够使用location对象的href属性完成页面之间的跳转 能够使用location对象获取url中的参数部分 能够使用history提供的方法实...
前端基础：WebAPIs（一）
illion booked
04-07 176
day01 - Web APIs 学习目标： 能够通过ID来获取元素 能够通过标签名来获取元素 能够通过class来获取元素 能够通过选择器来获取元素 能够获取body和html元素 能够给元素注册事件 能够修改元素的内容 能够区分innerText和innerHTML的区别 能够修改像div这类普通元素的属性 能够修改表单元素的属性 能够修改元素的样式属性 1.1. Web API介绍 1....
WebAPIs笔记
u010935773的博客
11-08 3903
WebAPIs一 、- Web APIs介绍1. API的概念2 . Web API的概念3. API 和 Web API 总结二、 - DOM1. DOM 介绍1.1. 什么是DOM1.2. DOM树2. 获取元素2.1. 根据ID获取2.2. 根据标签名获取元素2.3. H5新增获取元素方式2.4. 获取特殊元素（body，html）3. 事件基础3.1. 事件概述3.2. 事件三要素3.3. 执行事件的步骤3.4. 常见的鼠标事件3.5. 分析事件三要素4. 操作元素4.1. 改变元素内容（获取或
WEBAPIS总结
weixin_44763882的博客
11-03 397
总结： 第一天：Dom元素获取、操作属性 1、Dom常用的操作 1、获取元素 2、对象元素进行操作 3、动态创建元素 4、给元素注册事件 2、document对象 3、获取元素：ID名、标签名：返回一个伪数组 4、注册事件 语法：元素.on事件名 = 函数 事件的三要素：1、事件元素 2、事件名 3、事件处理函数 5、操作元素的属性 ​ 1、元素名.innerText 返回元素里面的...
前端学习笔记 | WebAPIs（DOM+BOM）
最新发布
m0_53522458的博客
03-13 1026
DOM操作、事件监听、事件流、事件委托、元素尺寸与位置、日期对象、节点操作、M端事件、window对象、本地存储、数组map和join方法、正则表达式
webapis学生报名系统代码步骤
11-25
设计一个webapis学生报名系统的代码步骤如下： 1. 数据库设计：首先确定需要存储的数据，例如学生的基本信息，课程信息等。根据需求设计数据库表结构，并创建相应的表。 2. 后端接口设计：根据系统需求，设计后端...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

啊有礼貌

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值