首页
学习
活动
专区
圈层
工具
发布

WEB API教程

学习目标: 掌握API和Web API的概念 掌握常见的浏览器提供的API的调用方式 能通过API开发常见的页面交互功能 能够利用搜索引擎解决问题 Web API Web API介绍 API的概念 API...任何开发语言都有自己的API API的特征输入和输出(I/O) API的使用方法(console.log()) Web API的概念 浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)...此处的Web API特指浏览器提供的API(一组方法),Web API在后面的课程中有其它含义 掌握常见的浏览器提供的API的调用方式 MDN-Web API JavaScript的组成 ECMAScript...javascript的语法规范 JavaScript的核心,描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体实现无关 BOM - 浏览器对象模型 一套操作浏览器功能的API...通过BOM可以操作浏览器窗口,比如:弹出框、控制浏览器跳转、获取分辨率等 DOM - 文档对象模型 一套操作页面元素的API DOM可以把HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作

68010
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Page Lifecycle API 教程

    两周前,我介绍了 Page Visibility API。有了它,就可以监听各种情况的网页卸载。 但是,它没有解决一个问题。...Page Visibility API 只在网页对用户不可见时触发,至于网页会不会被系统丢弃掉,它就无能为力了。...为了解决这个问题,W3C 新制定了一个 Page Lifecycle API,统一了网页从诞生到卸载的行为模式,并且定义了新的事件,允许开发者响应网页状态的各种转换。...有了这个 API,开发者就可以预测网页下一步的状态,从而进行各种针对性的处理。Chrome 68 支持这个 API,对于老式浏览器可以使用谷歌开发的兼容库 PageLifecycle.js。...六、参考链接 Page Lifecycle API, Philip Walton Lifecycle API for Web Pages, W3C Page Lifecycle 1 Editor's Draft

    1.1K20

    Page Visibility API 教程

    为了解决这个问题,就诞生了 Page Visibility API。不管手机或桌面电脑,所有情况下,这个 API 都会监听到页面的可见性发生变化。 ?...这个新的 API 的意义在于,通过监听网页的可见性,可以预判网页的卸载,还可以用来节省资源,减缓电能的消耗。比如,一旦用户不看网页,下面这些网页行为都是可以暂停的。...事实上,这也是设计这个 API 的主要目的。 另外,早期版本的 API,这个属性还有第四个值unloaded,表示页面即将卸载,现在已经被废弃了。...三、document.hidden 由于历史原因,这个 API 还定义了document.hidden属性。该属性只读,返回一个布尔值,表示当前页面是否可见。...六、参考链接 Page Visibility Level 2, W3C Page Visibility API, David Walsh Using the pageVisbility API, Joe

    89740

    随机图片API制作教程

    之前搭建博客的时候在网上找了一个导航页面,每次进入导航时背景图片都不一样,看了一下代码了解到是通过api接口随机获取的图片,但是使用过程中发现网页图片加载比较慢,就想着自己做一个api放自己服务器上。...这里记录一下api制作过程 图片准备 首先我们在我们web服务器上(必须有php环境)网页根目录创建一个api/img目录,然后将我们找来的图片放到这个img文件夹里,然后我们需要将这些图片按照顺序重命名...php $seed = time(); $num = rand(1,100); $picpath = "http://youxuanw.vip/api/img/"....API了 PS:如果你不想要这种返回随机图片URL的API ,你可以通过重定向改成直接返回随机图片的API(看不懂的话就直接把下面的代码覆盖到img.php中),代码如下 现在你再访问http://你网站的URL/api/img.php就会直接返回图片了

    2.2K40

    Laravel API教程:如何构建和测试RESTful API

    前言 本文原文:Laravel API Tutorial: How to Build and Test a RESTful API 这次一次来了两个没接触过的内容,一个与php的Laravel 有关,一个与...来源百度百科 资源(Resources) 资源将是actions的目标,在我们的文章和用户的情况下,他们有自己的端点: /articles /users 在这个laravel api教程中,资源将在我们的数据模型中具有...让我们重复一下之前的过程来创建一个用户seeder: class UsersTableSeeder extends Seeder { public function run() { // Let's clear...您可以使用许多外部工具来测试您的API; 然而,Laravel内部的测试是一个更好的选择 - 我们可以拥有测试API结构和结果的所有好处,同时保留对数据库的完全控制。...如果您正在设计一个公共API,请参阅“Great Web API设计黄金规则”。

    24.2K20

    【非官方教程】【视频】云API实践教程(上)

    本教程非官方教程,所以仅供大家学习使用! ---- 云API存在的目的是什么?有控制台给我们提供给中便利,我们为什么要用API来做一些操作?...腾讯云API怎么鉴权,怎么发送请求,怎么处理复杂类型,怎么做相关接口的组合?...好了,废话不说了,先上四个视频: 视频1: 入门:签名 - 从云API到构建自己的控制台 视频2: 深入:数组类型和组合应用 - 从云API到构建自己的控制台 视频3: 深入:复杂类型和简单应用 -从云...API到构建自己的控制台 视频4: 广告:APICoder的使用方法 - 从云API到构建自己的控制台 然后这四个视频可能用到的代码大约如下: 1:签名过程 def sign(secretKey, signStr...关于为什么要做自己的管理后台,控制台,或者说为什么要学习腾讯云云API的相关解释: 这个实际上是对运维或者是大公司会有一些用途的。 像对服务器进行管理这类的云API的目的很大一部分都是为了提高效率。

    1.2K90

    【Go API 开发实战 1】该教程所实现的 API 功能

    本教程所实现的 API 功能 本教程通过实现一个账号系统,来演示如何构建一个真实的 API 服务器,构建方法和技术是我根据之前的服务器开发经验不断优化沉淀而成。...通过实战展示了 API 构建过程中各个流程(准备 -> 设计 -> 开发 -> 测试 -> 部署)的实现方法,教程涵盖的内容如下(包括但不限于): ?...账号系统业务功能 本教程为了演示,构建了一个测试账号系统(后面统称为apiserver),功能如下: API 服务器状态检查 登录测试账号 新增测试账号 删除测试账号 更新测试账号 获取测试账号的信息...理论上本教程所构建的 API 可以在所有的 Unix/Linux 系统上编译和运行,教程中的软件安装用的是 yum 工具,教程中所列举的 yum 软件理论上可以在 CentOS 6 和 CentOS 7...小结 本小节介绍了教程所要实现的 API 功能,以及 API 系统的业务功能,让读者在实战前对教程所要构建的系统有个整体了解,以便于接下来的学习。教程每一节都会提供源码,供读者学习参考。

    1.5K31
    领券