Web APIs概念详解（附图解）

最新推荐文章于 2023-10-20 09:31:26 发布
最新推荐文章于 2023-10-20 09:31:26 发布
阅读量627 收藏 1
点赞数
分类专栏： JavaScript Web APIs 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45135068/article/details/107744303
版权

目录

  1. JavaScript的组成
  2. js跟Web APIs的区别
  3. API和Web API
    3.1 API
    3.2 Web API
    3.3 API跟Web API总结

正文

  1. JavaScript的组成

在这里插入图片描述

  1. js跟Web APIs的区别
  • js基础：掌握基础语法，做不了页面交互效果
  • Web APIs阶段：js的应用，大量使用js基础阶段的内容
  1. API和Web API

3.1 API

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

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

3.2 Web API

Web API是浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM）

3.3 API跟Web API总结

  • API是为我们程序员提供的一个接口，帮助我们实现某种功能，我们会使用就可以了，不必纠结内部如何实现
  • Web API主要是针对浏览器提供的接口，主要针对浏览器做交互效果
  • Web API一般都有输入和输出（函数的参数和返回值），Web API很多都是方法（函数）
曾吹雨
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Web APIs.xmind
12-05
- API（Application Programming Interface）应用程序编程==接口==（暴露出来的工具）。 - webAPI：浏览器平台对外公开的提供操作浏览器和网页的接口（BOM、DOM
WebAPIs-基础知识
qq_31087241的博客
05-12 1541
###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 781
WebAPIs学习
webAPIs
wc2356772894的博客
08-14 177
webAPIs详细解读
WebAPIs
m0_62091240的博客
09-06 111
API是为我们程序员提供的一个接口,帮助我们实现某种功能,我们会使用就可以了,不必纠结内部如何实现Web API主要是针对于浏览器提供的接口,主要针对于浏览器做交互效果。Web API -般都有输入和输出(函数的传参和返回值) , Web API很多都是方法(函數)出(函数的传参和返回值) , Web API很多都是方法(函數)学习Web API可以结合前面学习内置对象方法的思路学习。
Designing Web APIs--2018
09-15
Scale your web API to support a growing number of API calls and use cases Regularly adapt the API to reflect changes to your product or business Provide developer resources that include API ...
HTML5 Convas APIs方法详解
09-28
主要介绍了HTML5 Convas APIs方法详解,本文罗列了Convas APIs中的大部份方法,给出这些方法的中文注释,需要的朋友可以参考下
Designing Evolvable Web APIs with ASP.NET.pdf
09-14
Designing Evolvable Web APIs with ASP.NET.pdf Designing Evolvable Web APIs with ASP.NET.pdf Designing Evolvable Web APIs with ASP.NET.pdf
tizen-tv-webapis
05-17
tizen-电视-webapis tizen-tv-webapis软件包用于支持commonjs 作为commonjs样式。 现在，我们为Typescript开发人员提供支持。 请注意，为了使用此功能，需要@types/tizen-tv-webapis 。 支持的API 如何使用 普通js ...
Web APIs
qq_45585640的博客
12-30 864
JS 基础阶段:Web APIs 阶段:简单理解： API 是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能。比如手机充电的接口：实现充电这个功能W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。DOM是W3C组织制定的一套处理 html和xml文档的规范，所有的浏览器都遵循了这套标准。 文档：一个页面就是一个文档，DOM 中使用 document 表示元素：页面中的所有标签都是元素，DOM 中使用 element 表示节点：网页中的所有内容都是节点（
webapis
qq1054062615的博客
08-02 112
h5新增了一个获取自定义属性的方法。div.getAttribute('data-list-name'） div.dataset.listName 设置的时候怎样设置，获取的时候后面的首字母大写。讲解一下排他思想，就是我们有一排按钮，只想点击某一个的时候点击的那个变色，其他的不变色，这个时候我们可以用排他思想来完成，点击的时候首先遍历所有按钮，让所有的按钮失去颜色，再给自己点击的按钮添加颜色。// 1. e.target 返回的是触发事件的对象（元素） this 返回的是绑定事件的对象（元素）...
JavaScript（二）APIs
weixin_58598560的博客
04-11 436
以data- 开头的属性对象.dataset来获取，如果有多个属性，则获取到的是一个对象。通过对象.属性来获取（1）正则表达式是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象（2）作用：表单验证（匹配）、过滤敏感词（替换）、字符串中提取想要的部分（提取）
JS学习笔记——APIS
lxy95512的博客
02-23 1422
API ( Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力, 而又无需访问源码,或理解内部工作机制的细节。 API是给程序员提供的一种工具,以便能更轻松的实现想要完成的功能。 Web API是浏览器提供的一套操作浏览器功能和页面元素的API( BOM和DOM)。 DOM 文档对象模型( Document Object Model ,简称DOM) , 是W3C组织推荐的处理.
Postman-APIs是干什么的？
seanyang_的博客
09-14 4030
最近用postman探索接口自动化，发现里面的APIs这个模块，很少用到，平常都是直接在Collections模块创建请求就完事了。但是想做自动化时，发现需要先把接口定义出来，基于接口创建用例，这样直接用Collections就显的很不方便，于是，研究了一下APIs的用法。
web APIs——第一天（上）
weixin_48719464的博客
10-20 218
DOM（Document Object Model——文档对象模型）是用来呈现以及与任意HTML或XML文档交互的API白话文：DOM是浏览器提供的一套专门用来操作网页内容的功能开发网页内容特性和实现用户交互标准属性：标签自带的属性 比如class id title等，可以直接使用点语法操作比如：disabled、checked、selected在html5中推出了专门的data-自定义属性在标签上一律以data-开头在DOM对象上一律以dataset对象方式获取
【开发基础】新手角度看：什么是API接口？
程序边界
01-16 6997
一、程序内部接口 二、应用程序接口（API：Application Program Interface） 三、常见的API形式有哪些？ 1、HTTP/HTTPS类型接口 2、RPC接口 3、Web Service 接口 四、API接口使用案例 1.纯请求API接口 2.开发中的API接口请求 五、常用API接口工具 1.接口测试工具 2.接口文档管理工具 六、本地搭建接口服务 七、如何设计一个API接口...
webapis学生报名系统代码步骤
最新发布
11-25
设计一个webapis学生报名系统的代码步骤如下： 1. 数据库设计：首先确定需要存储的数据，例如学生的基本信息，课程信息等。根据需求设计数据库表结构，并创建相应的表。 2. 后端接口设计：根据系统需求，设计后端接口，包括学生信息的录入、查询、修改和删除等功能。使用合适的编程语言，如Java、Python等，实现这些接口。 3. 前端界面设计：设计一个用户友好的前端界面，包括学生报名表单和查询功能。使用HTML、CSS、JavaScript等技术实现界面的布局和交互，确保用户能够方便地输入和查询信息。 4. 前后端交互：通过AJAX或其他技术，实现前后端的数据交互。前端向后端发送请求，后端处理请求并返回相应的数据。 5. 学生信息录入：在前端界面设计好的报名表单中，用户输入个人信息，通过调用后端接口将数据传递到后台。后台接收并验证输入的数据，并将学生信息存储到数据库中。 6. 学生信息查询：在前端界面设计好的查询功能中，用户输入需要查询的条件，通过调用后端接口将查询条件传递到后台。后台根据查询条件在数据库中查找匹配的学生信息，并将查询结果返回给前端。 7. 学生信息修改和删除：在前端界面设计好的修改和删除功能中，用户选择需要修改或删除的学生信息，并通过调用后端接口将相应的操作请求传递到后台。后台根据请求进行相应的操作，更新或删除数据库中的对应数据。 8. 错误处理和数据校验：在整个系统设计过程中，需要考虑错误处理和数据校验。在后端接口中，对输入的数据进行合法性检查，确保输入的数据符合要求。在前端界面中，对用户的输入进行格式验证，及时反馈给用户。 9. 安全性保障：为了保障系统的安全性，可以采用身份认证、权限控制等机制，确保只有授权的用户能够进行报名和查询等操作。 10. 测试和部署：在完成系统开发后，进行系统的测试和调试。确保系统的正确性和稳定性。最后将系统部署到服务器上，供用户使用。 以上是一个简单的webapis学生报名系统代码步骤，具体实现还需要根据具体需求进行调整和完善。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值