[ js结尾和node.js开头| 青训营笔记]

68 阅读2分钟
这是我参加「第五届青训营」伴学笔记创作活动的第15天

Web APIS

API

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

简单理解:API是程序员提供的一种工具,以便能更轻松的实现想要完成的功能
  • Web API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)
  • 现阶段我们主要针对与浏览器常讲解的API,主要针对浏览器做交互效果
  • 比如我们想要浏览器弹出一个警示框,直接使用alert('弹出')

DOM

什么是DOM

文档对象模型(Document Object Model,简称DOM)是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口

DOM树

  • 文档:一个也买你就是一个文档,DOM中使用document表示
  • 元素:页面中的所有标签都是元素,DOM中使用element表示
  • 节点:网页中的所有内容都是节点(标签,属性,文本,注释),DOM中使用node表示

如何获取页面元素

DOM在我们实际开发中主要用来操作元素

根据ID获取

使用getElementByld()方法可以获取带有ID的元素对象
  1. 因为我们文档页面从上往下加载,所以先得由标签 所以我们script写到标签的下面
  2. get获得element元素by通过驼峰命名法
  3. 参数 id是大小写敏感的字符串
  4. 返回的是一个元素对象
  5. console.dir打印我们返回的元素对象 更好的查看里面的属性和方法

根据标签名获取

使用getELementsByTagName()方法可以返回带有指定标签名的对象的集合

DOM的事件操作

43.png

Nodejs

什么是Node.js

Node.js是一个基于Chrome V8 引擎的Javascript运行环境

Node.js可以干什么

  • 基于Express矿建,可以快速构建Web应用
  • 基于Electron矿建,可以构建跨平台的桌面应用
  • 基于resify框架,可以快速构建API接口项目
  • 读写和操作数据库,创建实用的命令行工具辅助前端开发,etc