三：WebAPI编程（看视频）
关注
分享
扫一扫
看视频学习WEBAPI编程
库库好困
向各位大佬们致敬
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
WebAPI编程第四天案例汇总
案例1： setTimeout定时器：5秒后自动关闭的广告案例分析① 核心思路：5秒之后，就把这个广告隐藏起来② 用定时器setTimeout<body> <img src="images/ad.jpg" alt="" class="ad"> <script> var ad = document.querySelector('.ad'); setTimeout(function() { ad.原创 2020-05-16 13:58:46 · 315 阅读 · 0 评论 -
WebAPI编程第四天知识点以及知识点案例：BOM概述、window 对象的常见事件、定时器、JS执行机制、location 对象、navigator 对象、history 对象
目标能够说出什么是 BOM能够知道浏览器的顶级对象 window能够写出页面加载事件以及注意事项能够写出两种定时器函数并说出区别能够说出 JS 执行机制能够使用 location 对象完成页面之间的跳转能够知晓 navigator 对象设计的属性能够使用 history 提供的方法实现页面刷新1. BOM 概述1.1 什么是 BOMBOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。BOM原创 2020-05-16 13:58:33 · 449 阅读 · 0 评论 -
WebAPI编程第三天案例：事件高级
案例1： 跟随鼠标的天使案例分析：① 鼠标不断的移动，使用鼠标移动事件： mousemove② 在页面中移动，给document注册事件③ 图片要移动距离，而且不占位置，我们使用绝对定位即可④ 核心原理： 每次鼠标移动，我们都会获得最新的鼠标坐标， 把这个x和y坐标做为图片的top和left 值就可以移动图片 <style> img { ...原创 2020-05-08 10:48:16 · 283 阅读 · 0 评论 -
WebAPI编程第三天知识点以及知识点案例：事件高级
DOM 重点核心文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。对于JavaScript，为了能够使JavaScript操作HTML，JavaScript就有了一套自己的dom编程接口。对于...原创 2020-05-08 10:48:01 · 267 阅读 · 0 评论 -
WebAPI编程第二天案例：DOM
案例1：百度换肤案例分析：① 这个案例练习的是给一组元素注册事件② 给4个小图片利用循环注册点击事件③ 当我们点击了这个图片，让我们页面背景改为当前的图片④ 核心算法： 把当前图片的src 路径取过来，给 body 做为背景即可 <style> * { margin: 0; padding: 0; ...原创 2020-05-05 18:18:57 · 213 阅读 · 0 评论 -
WebAPI编程第二天知识点以及知识点案例：DOM
操作元素1.排他思想如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法：所有元素全部清除样式（干掉其他人）给当前元素设置样式 （留下我自己）注意顺序不能颠倒，首先干掉其他人，再设置自己<body> <button>按钮1</button> <button>按钮2</button>...原创 2020-05-05 18:18:37 · 229 阅读 · 0 评论 -
WebAPI编程第一天案例：DOM
案例1：仿京东显示密码案例分析：① 核心思路： 点击眼睛按钮，把密码框类型改为文本框就可以看见里面的密码② 一个按钮两个状态，点击一次，切换为文本框，继续点击一次切换为密码框③ 算法：利用一个flag变量，来判断flag的值，如果是1 就切换为文本框，flag 设置为0，如果是0 就切换为密码框，flag设置为1 <style> .box { ...原创 2020-05-03 06:17:55 · 282 阅读 · 0 评论 -
WebAPI编程第一天知识点以及知识点案例：DOM
目标能够说出什么是DOM能够通过JS获取页面元素能够给元素注册事件能够操作DOM元素的属性能够创建元素能够操作DOM节点1. DOM 简介1.1 什么是 DOM文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口...原创 2020-05-03 06:17:10 · 387 阅读 · 0 评论 -
WebAPI编程第一天理论知识点
目标能够说出WebAPIs阶段与JavaScript语法阶段的关联性能够说出什么是API能够说出什么是Web API1. Web APIs 和 JS 基础关联性1.1 JS 的组成1.2 JS 基础阶段以及 Web APIs 阶段2. API 和 Web API2.1 API2.2 Web APIWeb API 是浏览器提供的一套操作浏览器功能和页面元素的 API...原创 2020-04-29 16:56:15 · 214 阅读 · 0 评论