前端基础进阶-JavaScript核心（Web APIs简介）

最新推荐文章于 2023-09-27 17:53:54 发布
最新推荐文章于 2023-09-27 17:53:54 发布
阅读量683 收藏
点赞数
分类专栏： 前端开发基础 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43293778/article/details/113993610
版权
本文介绍了Web APIs与JavaScript基础的关联性，强调了JavaScript基础学习的重要性，为Web APIs阶段做铺垫。Web APIs是W3C标准，包括DOM和BOM，用于浏览器交互。API是预定义的函数，方便开发者实现特定功能，而Web API是浏览器提供的操作页面元素和功能的接口。通过学习Web API，开发者可以更好地进行浏览器交互效果的实现。
摘要由CSDN通过智能技术生成

目录

Web APIs简介

目标

1、Web APIs和JS基础关联性

1.1 JS的组成

1.2 JS基础阶段以及Web APIs阶段

2、API和Web APls

2.1 API

2.2 Web API

2.3 API和Web API总结

 

Web APIs简介


目标

 - 能够说出Web APIs阶段与JavaScript语法阶段的关联性 
 - 能够说出什么是API 
 - 能够说出什么是Web APIs

1、Web APIs和JS基础关联性
1.1 JS的组成


1.2 JS基础阶段以及Web APIs阶段


JS基础阶段

 - 我们学习的是ECMAScript标准规定的基本语法 
 - 要求同学们掌握JS基础语法 
 - 只学习基本语法，做不了常用的网页交互效果
 - 目的是为了JS后面的课程打基础、做铺垫

Web APls阶段

 - web APIs 是W3C组织的标准 
 - web APIs我们主要学习DOM和BOM
 - webAPls是我们Js所独有的部分
 - 我们主要学习页面交互功能 
 - 需要使用Js 基础的课程内容做基础

Js基础学习ECMAScript基础语法为后面作铺垫，web APls是Js

最低0.47元/天 解锁文章
qq_43293778
关注
专栏目录
（万字!）Web APIs学习【一】（初识Web APIs，DOM操作）
greenhand_coder
02-01 1085
文章目录1. 初识Web APIs1.1Js的组成1.1.1JS基础阶段1.1.2 Web APIs 阶段1.1.1.1DOM（文档对象模型）1.1.1.2 BOM（浏览器对象模型）1.2Web API2. DOM简介2.1 什么是DOM2.2 DOM树2.3 获取元素2.3.1通过ID获取某一个元素2.3.2 获取页面中某一类元素2.3.2.1根据标签名获取元素2.3.2.2 根据类名获取元素2.3.3 h5新增获取元素方法（标签名，类名, id均可）2.3.4 获取body与html元素2.4 事件基础
JavaScript核心Web APIs
weixin_58997863的博客
08-23 2683
前端学习之 JavaScript核心WebAPIs 学完JavaScript基础，就可以学习JavaScript核心 DOM 和 BOM操作了，真正体会JavaScript的魅力，本文会讲解如何获取DOM元素，如何操作DOM 元素，BOM操作， 事件，事件对象，事件委托，JS执行队列，定时器，常见网页特效，比如轮播图，tab栏切换等。 还会讲解移动端如何制作网页特效，带你进入JavaScript的实际开发应用。
JavaScript核心-1.Web API
小多的博客
04-21 171
一、Web APIs 和 JS 基础的关联性 1.1 JS 的组成 1.2 JS 基础阶段以及 Web APIs 阶段 JS 基础学习 ECMAScript 基础语法为后面作铺垫， Web APIs 是 JS 的应用，大量使用 JS 基础语法做交互效果 二、API 和 Web API 2.1 API API (Application Programming Interface,应用程序编程接口) 是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源
七、JS核心Web APIs：
Zzh1110的博客
03-18 867
1.Web APIs和JS基础关联性： JS的组成： （1）JS基础：ECMAScript（JS语法） （2）Web APIs：DOM（页面文档对象模型）+BOM（浏览器对象模型）。 API：给程序员提供的一种工具，以便能更轻松地实现想要完成的功能。 Web API：浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM），主要针对于浏览器做交互效果。 2.DOM（文档对象类型）： 2.1DOM：可拓展标记语言的标准编程接...
web apis 基础总结 one
teemo8888的博客
08-17 213
web apis 基础总结 作者：会者 文章目录web apis 基础总结前言一、Web API介绍1.API的概念2.Web API的概念3.API 和 Web API 总结二、DOM 介绍1.什么是DOM2.DOM树三、 获取元素1.根据ID获取2.根据标签名获取元素语法：3.H5新增获取元素方式4.获取特殊元素四、 事件基础五、 操作元素总结 前言 一、Web API介绍 1.API的概念 API是个接口，简单理解就是给程序员给程序要提供的工具，用于想要完成某些功能 通俗的讲，想给手机充电需要有充
前端JavaScript入门到精通，javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— Web APIs（二）
最新发布
upgrade_bro的博客
09-27 275
前端JavaScript入门到精通，javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— Web APIs（二）—— 事件监听、事件类型、事件对象、环境对象（this）、回调函数
从JavaScript开始进阶Web APIs前端Day10
qq_46051366的博客
05-05 984
1、Web APIs和JS基础关联性 1.1JavaScript的组成 JavaScript分为 ECMAScript（JavaScript语法）即JavaScript基础 DOM（页面文档对象模型）+BOM（浏览器对象模型）即Web APIs 1.2JavaScript基础阶段以及Web APIs阶段 JavaScript基础学习ECMAScript基础语法为后面做铺垫，Web APIs是JavaS...
Web前端系列技术之JavaScript进阶（从ES6开始）①
小柴爱程序的博客
09-30 435
那么今天主要会学习的内容是：一、let和const、二、作用域、三、闭包、四、预解析、五、参数、六、箭头函数
【JavaScript】Web APIs基础
DomCode
10-12 691
文档对象模型 (DOM) 将 web 页面与到脚本或编程语言连接起来。通常是指 JavaScript，但将 HTML、SVG 或 XML 文档建模为对象并不是 JavaScript 语言的一部分。DOM模型用一个逻辑树来表示一个文档，树的每个分支的终点都是一个节点(node)，每个节点都包含着对象(objects)。DOM的方法(methods)让你可以用特定方式操作这个树，用这些方法你可以改变文档的结构、样式或者内容。节点可以关联上事件处理器，一旦某一事件被触发了，那些事件处理器就会被执行。 DOM-获
【学习笔记】「Web APIs」JavaScript进阶
weixin_44802075的博客
08-27 390
前言 1.1 JS的组成 1.2 JS基础阶段及Web APIs阶段 2.1 API 2.2 Web API 2.3 API和Web API总结 一、DOM 1、DOM简介 1.1、什么是DOM 文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口 W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。 1.2...
Web APIs(一)
尧子陌
05-31 519
JS的组成 Web APIs与javascript基础的区别 Web APIs是javascript基础的应用，大量使用javascript基础做页面交互效果 API与Web APIs的区别 API是提供给程序员的一种工具，会使用即可 Web API是浏览器提供的一套操作浏览器功能与页面元素的API(DOM与BOM) Web API一般都有输入与输出（函数的传参与返回值）针对浏览器做交互效果 DOM DOM:文档对象模型，提供访问与操作网页内容的接口与方法，通过DOM,可以改变网页结构的外观与样
Javascript-API-BOM、动画函数、网页轮播图、节流阀、筋斗云、固定侧边栏返回顶部案例
qq_39206750的博客
10-27 369
动画实现原理 核心原理：通过定时器 setInterval() 不断移动盒子位置。 实现步骤： 获得盒子当前位置 让盒子在当前位置加上1个移动距离 利用定时器不断重复这个操作 加一个结束定时器的条件 注意此元素需要添加定位，才能使用element.style.left 核心原理：利用 JS 是一门动态语言，可以很方便的给当前对象添加属性。 function animate(obj, ta...
移动端、PC端 网页特效
YuLong的博客
10-10 5692
文章目录PC端网页特效偏移量系列 offset可视区系列 client滚动系列 scroll PC端网页特效 偏移量系列 offset offset 翻译过来就是偏移量， 使用 offset 系列相关属性可以 动态 的得到该元素的位置（偏移）、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小（宽度高度） 注意： 返回的数值都不带单位 常用属性： 图示： offset与style区别： offset style 可以得到任意样式表中的样式值 只能得到行内样式表中的样式值
Web APls
yanhhillo的博客
03-27 1253
2022.3.26 学习笔记 目录 四、正则表达式 4.1 概述 4.2 创建正则表达式的对象 4.3 检验是否符合正则表达式 4.4 使用字面量创建正则表达式 4.4.1 语法： var 变量 = /正则表达式/匹配模式 4.4.2 创建一个正则表达式，检查一个字符串中是否含有‘a’或‘b’ 4.5 字符串和正则表达式相关的方法 4.5.1 split( ) 可以将一个字符串拆分成一个数组 4.5.2 search( ) 可以搜索字符串中是否含有指定内容 4.5.3 match(
Web APIs阶段简介（1）
weixin_45147894的博客
07-05 171
前端开源库-wpt-runner
08-30
这些测试通常由Web平台测试项目（Web Platform Tests，简称WPT）维护，这是一个大型的开源测试套件，包含了针对HTML、CSS、JavaScript、Web APIs等多个方面的测试用例。 ### wpt-runner的使用 1. **安装**：首先，...
webAPI01-1WebAPI的概念
qq_43018438的博客
06-11 192
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>WebAPI的概念</title> </head> <body> <p> 1-1 WEBAPI的概念 API(应用程序编程接口)，是一些预先...
14Web APIs简介
CurryCoder的个人博客
02-16 852
技术交流QQ群:1027579432，欢迎你的加入！ 1.Web APIs和JS基础阶段之间的相关性 JS的组成如下： JS基础阶段 学习ECMAScript标准规定的基本语法； 掌握JS的基础语法； 只学习了基本语法，做不了常用的网页交互效果； 为后面JS的高级课程打基础； Web APIs阶段 Web APIs是W3C组织的标准； Web APIs主要学习的是DOM和BOM； We...
LOSER 的预习笔记————Web APls
qq_72174695的博客
08-03 259
Web APls 知识提前预习
Web APIs总结
qq_42815580的博客
06-23 308
Web APIs一、DOM1.概念2.DOM树3.获取元素4.事件概述5.鼠标事件6.操作元素7.自定义属性8.节点9.事件操作二、BOM Web API：浏览器提供的一套操作浏览器功能和页面元素的API，一般由输入和输出（函数的传参和返回值） 一、DOM 1.概念 文档对象模型，处理可扩展标记语言，html、xml的标准编程接口,可改变网页的内容、结构、样式。 2.DOM树 文档：一个页面就是一个文档 元素：页面中所有标签都是元素 element 节点：页面中所有内容都是节点（标签、属性、文本、注释）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值