![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webAPIs
灯光下的投影
这个作者很懒,什么都没留下…
展开
-
webApi的概念
一、web api的一些概念 1.api (application programing interface) - 应用程序编程接口 - 编程语言预先给我们提供好的一系列的方法 2.web api(浏览器提供的一系列用于操作浏览器和网页元素的方法) - bom - dom 3.DOM(文档对象模型) - DOM会把页面中所有的内容都在内存中对应的成一个一个的...原创 2019-04-11 11:06:43 · 5741 阅读 · 0 评论 -
offset系列与scroll系列
一、offset系列:offsetHeight与offsetWidthoffsetHeight与offsetWidth :1. 获取的是元素真实的高度和宽度2. 获取到的是数值类型,方便计算3. offsetHeight与offsetWidth是只读属性,不能设置。offsetHeight:元素在垂直方向上占用的空间的大小,以像素记。包括元素的高度、上边框...原创 2019-05-03 13:44:14 · 168 阅读 · 0 评论 -
client系列与移动端rem布局
client系列 client:客户区,可视区 获取盒子的大小div.clientWidth:获取的就是盒子的宽度,不包括边框div.clientHeight:获取的就是盒子的高度,不包括边框div.clientLeft:获取的就是左边框的宽度div.clientTop:获取的就是上边框的宽度client系列: 获取整个window的大小第一种方法:window...原创 2019-05-03 13:02:30 · 142 阅读 · 0 评论 -
切割轮播图-节流阀(transitionend)
一、css<style> * { margin: 0; padding: 0; list-style: none; } .box { width: 560px; height: 380px; /* border: 1px solid #000; */ margin: 10...原创 2019-05-03 12:29:48 · 422 阅读 · 0 评论 -
电商网站中的放大镜效果
css部分<style> * { margin: 0; padding: 0; } .box { width: 350px; height: 350px; margin: 100px; border: 1px solid #ccc; position: relative;...原创 2019-04-17 17:59:08 · 204 阅读 · 0 评论 -
JS中的函数动画的封装及轮播图
function animate(element, target, num){ if(!num) { num = 50; // 默认50; } clearInterval(element.timeId); element.timeId = setInterval(fun...原创 2019-04-17 17:48:52 · 241 阅读 · 0 评论 -
webAPI中的定时器
一、BOM中的一些对象:location: 1.location.href实现页面的跳转; 2.location.reload()页面刷新; 3.location.search; 4.location.hash:锚点;history对象: 1.页面前进后退; 2.history.go(num): -history.go(1):前...原创 2019-04-17 17:38:43 · 1097 阅读 · 0 评论 -
webAPI节点操作以及事件对象
一、节点操作添加节点parent.insertBefore(newChild, refChild) 1.把newChild添加到refChild的前面;2.refChild可以是null,直接添加到最后面;3.refChild可以 parent.firstElementChild, 添加到最前面;parent.appendChild(child)1.把child添加到par...原创 2019-04-17 16:52:52 · 118 阅读 · 0 评论 -
webAPI节点查找
一、找对象document.getElementById(id)(根据id获取元素元素:返回一个元素);document.getElementsByTagName(tagName)(根据标签名获取元素伪数组:返回一个数组对象,也就是伪数组);document.getElementsByClassName(className)(根据类名获取元素:返回一个伪数组);document.getE...原创 2020-06-04 15:25:47 · 339 阅读 · 0 评论 -
webAPI的style属性以及innerHTML和innerText的区别
一、innerText和innerHTML都是用来操作标签的内容的区别-innerText只会操作文本内容,如果有标签,不生效-innerHTML:能够操作HTML标签,标签能够生效推荐使用innerText, 更加安全二、表单的属性value-京东的搜索效果布尔属性-值只有true和false-disabled-checked-selected-随机翻牌子...原创 2019-04-11 11:58:14 · 932 阅读 · 0 评论 -
自定义播放器
css部分:Font Awesome字体图标下载地址:http://www.fontawesome.com.cn/<link rel="stylesheet" href="fa/css/font-awesome.css"> <style> * { margin: 0; padding: 0; list-style...原创 2019-05-03 13:55:33 · 197 阅读 · 0 评论