webAPIs
孤独的SVIP
这个作者很懒,什么都没留下…
展开
-
webApi03
Web APIs1.1. 节点操作1.1.1 删除节点node.removeChild() 方法从 node节点中删除一个子节点,返回删除的节点。 <button>删除</button> <ul> <li>熊大</li> <li>熊二</li> ...原创 2019-05-20 14:28:33 · 391 阅读 · 0 评论 -
webApi02
day02 - Web APIs1.1. 排他操作1.1.1 排他思想如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法:所有元素全部清除样式(干掉其他人)给当前元素设置样式 (留下我自己)注意顺序不能颠倒,首先干掉其他人,再设置自己 <button>按钮1</button> <button&g...原创 2019-05-19 15:41:28 · 415 阅读 · 0 评论 -
js中DOM 节点的一些操作方法
js中DOM 节点的一些操作方法什么是DOMDOM:文档对象模型。DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。DOM就是由节点组成的。解析过程HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树,getElementById是获取内中DOM上的元素节点。然后操作的时候修改的是该元素的属性。...原创 2019-05-20 20:44:08 · 300 阅读 · 0 评论 -
JS中动态创建元素的三种方法总结(推荐)
1、动态创建元素一 document.write()例如向页面中输出一个 li 标签<pre class="html" name="code"><span style="font-size:12px;"><script> document.write("<li>123</li>");</script></spa...原创 2019-05-20 21:29:18 · 2123 阅读 · 0 评论 -
webApi05
**1.1. **元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位1.1.2 offset 与 style 区别offsetoffset 可以得到...原创 2019-05-24 19:02:27 · 363 阅读 · 0 评论 -
webApi06
**1.1. **动画函数封装1.1.1 缓动效果原理缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来思路:让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。核心算法: (目标值 - 现在的位置) / 10 做为每次移动的距离步长停止的条件是: 让当前盒子位置等于目标位置就停止定时器注意步长值需要取整1.1.2 动画函数多个目标值之间移动可以让动画函...原创 2019-05-26 08:33:17 · 197 阅读 · 0 评论 -
webApi07
1.1. 触屏事件1.1.1 触屏事件概述移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。常见的触屏事件如...原创 2019-05-26 19:05:45 · 337 阅读 · 0 评论 -
webApi04
1.1. 常用的键盘事件1.1.1 键盘事件 <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', function() { console.log('我弹起了'); }) ...原创 2019-05-22 16:36:40 · 409 阅读 · 0 评论