美文网首页
JS基础和WebAPIs的关联性

JS基础和WebAPIs的关联性

作者: 潘肚饿兵哥哥 | 来源:发表于2020-09-11 23:40 被阅读0次

\color{rgba(254, 67, 101, .8)}{目标}
\color{rgba(254, 67, 101, .8)}{WebAPIs阶段与javascript语法阶段 的关联性}

image.png

\color{rgba(254, 67, 101, .8)}{JS基础阶段:}

学习ECMAscript标准规定的基本语法
掌握JS基础语法
只学习JS基础做不了网页交互效果
学习JS基础语法是为了后面BOM和BOM打基础
学完BOM和BOM还有JS高级

\color{rgba(254, 67, 101, .8)}{Web APIs阶段}

Web APIs是W3C组织的标准
Web APIs我们主要学习DOM和BOM
Web APIs是JS独有的部分
主要学习页面交互功能
需要JS基础的课程做基础铺垫

\color{rgba(254, 67, 101, .8)}{什么是API}

API是一个接口

\color{rgba(254, 67, 101, .8)}{什么是WebAPI}

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

\color{rgba(254, 67, 101, .8)}{DOM:目标}

知道什么是DOM
能够获取页面元素
能够给元素注册事件(鼠标点击、键盘输入)
能够操作DOM元素的属性(修改样式)
能够创建元素
能够操作DOM节点

\color{rgba(254, 67, 101, .8)}{接下来学习:}

DOM简介
获取元素
事件基础
操作元素
节点操作

DOM是(Document ObjectModel,简称DOM),是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口

\color{rgba(254, 67, 101, .8)}{DOM树:}

image.png

文档:一个页面就是一个文档,document
元素:页面中的所有标签都是元素,element
节点:网页中所有的内容都是节点(标签、属性、文本、注释等),DOM中使用node表示
\color{rgba(254, 67, 101, .8)}{DOM把以上内容都看作对象}

相关文章

  • JS基础和WebAPIs的关联性

    学习ECMAscript标准规定的基本语法掌握JS基础语法只学习JS基础做不了网页交互效果学习JS基础语法是为了后...

  • WebAPIs-JS执行机制

    1 - JS 是单线程 JavaScript语言的一大特点就是单线程,也就是说,同一时间只能做一件事。这是因为Ja...

  • 4/07day28_js基础

    day28_js基础 回顾 JS基础语法 JS运算符 JS流程控制语句 条件语句 JS的条件语句和Java语法基本...

  • 2018-12-20

    1.01.尚硅谷_JS基础_JS简介(1) 10.10.尚硅谷_JS基础_Null和Undefined(10) 1...

  • 5-1 从基础知识到JSWebAPI

    回顾js基础知识 JS-web-API 总结 回顾js基础知识 变量类型和计算 原型和原型链 闭包与作用域 异步和...

  • React-Native 随笔

    学习基础: js的基础知识, rect.js基础 JSX语法基础 FlexBox布局 安装 安装node.js下载...

  • JavaScript-总结篇之常用DOM&BOM操作

    关于JS基础和JSWebAPI的介绍 JS基础,比如变量,原型,作用域等等这些原理,是由ECMA 262来规定的....

  • 最新web前端相关课程学习链接

    js基础篇 js进阶篇 js高级篇 vue基础篇 vue高级篇 react基础 react高级 Nodejs基础 ...

  • Node.js快刀篇

    Node.js概览 - Node.js大俗话,环境的安装和开发环境布署。 Node.js基础 - 事件机制和事件环...

  • Nodejs学习第5天

    Node.js内置基础模块fs, Node.js 提供了基础的文件操作,并同时提供文件的同步和异步操作,如: .....

网友评论

      本文标题:JS基础和WebAPIs的关联性

      本文链接:https://www.haomeiwen.com/subject/suwpektx.html