
JavaScript
Q183cm
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS三大家族
三大家族:offset、scroll、client.1、offset:偏移、补偿、位移offset 系列是 js 中的一套获取元素尺寸的便捷办法。(1)offsetWidth和offsetHeight(检测盒子自身宽高+padding+border)offsetWidth = width + padding + border;offsetHeight = Height + paddin...原创 2019-09-11 20:51:54 · 267 阅读 · 0 评论 -
web移动端滑动效果分析
依靠touch相关事件,根据触摸位置的改变,改变对应元素的位移translate1、 怎么监听位置的改变?2、 怎么计算当前位置的坐标3、 计算为之一再设置滑动触摸点的集合 记录触摸点的changedTouches当前最新改变的触摸点集合 整个事件都会有changedTouches记录targetTouches记录当前元素上面的所有触摸点集合touchend没有记录tou...原创 2019-09-26 21:03:43 · 330 阅读 · 0 评论 -
Web移动端之touch事件
touch事件移动端特有事件,换句话说,触屏设备特有事件,Android,iOS设备前三个很重要,需要牢牢掌握。touchstart手指刚刚触摸到屏幕处触发的事件touchmove手指在屏幕上滑动的时候,会不停地触发touchend手指离开屏幕的时候触发touchcancel被迫终止(比如说突然来电)滑动,触发的事件怎么绑定这些事件绑定:on 但是第二...原创 2019-09-26 20:34:19 · 429 阅读 · 0 评论 -
JavaScript笔记06——DOM查询和修改
1.DOM查询通过具体的元素节点来查询元素.getElementsByTagName()通过标签名查询当前元素的指定后代元素元素.childNodes1. 获取当前元素的所有子节点2. 会获取到空白的文本子节点元素.children获取当前元素的所有子元素元素.firstChild获取当前元素的第一个子节点元素.lastChild获取当前元素的最后一个子...原创 2019-09-19 11:56:17 · 158 阅读 · 0 评论 -
JavaScript之DOM笔记05
DOM对CSS的操作1、 读取和修改内联样式使用style属性来操作元素的内联样式读取内联样式:语法:元素.style.样式名例子:元素.style.width元素.style.height注意:如果样式名中带有-,则需要将样式名修改为驼峰命名法将-去掉,然后-后的字母改大写。比如:background-color --> backgroundColorborde...原创 2019-09-19 11:21:05 · 159 阅读 · 0 评论 -
javascript的对象和函数
1.对象(Object)对象是JS中的引用数据类型对象是一种复合数据类型,在对象中可以保存多个不同数据类型的属性使用typeof检查一个对象时,会返回object创建对象方式一:var obj = new Object();方式二:var obj = {};向对象中添加属性语法:对象.属性名 = 属性值;对象[“属性名”] = 属性值;对象的属性...原创 2019-09-19 10:57:48 · 262 阅读 · 0 评论 -
JavaScript之DOM笔记04——DOM细节
DOM1. 节点及其类型:1). 元素节点2). 属性节点: 元素的属性, 可以直接通过属性的方式来操作.3). 文本节点: 是元素节点的子节点, 其内容为文本.4). documnet2. 在 html 文档的什么位置编写 js 代码?0). 直接在 html 页面中书写代码.<button id="button" onclick="alert('hello world...原创 2019-09-18 21:31:04 · 148 阅读 · 0 评论 -
JavaScript之DOM笔记03——DOM事件
Event 对象Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函数不会在事件发生前被执行!事件句柄 (Event Handlers)HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为,比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,可将之...原创 2019-09-18 21:03:33 · 193 阅读 · 0 评论 -
JavaScript之DOM笔记02
HTML DOM Document 对象Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。Document 对象集合Document 对象属性Document ...原创 2019-09-18 20:07:36 · 138 阅读 · 0 评论 -
JavaScript之DOM笔记01
JavaScript HTML DOM通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。HTML DOM (文档对象模型)当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。HTML DOM 模型被构造为对象的树:通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。JavaScr...原创 2019-09-18 19:33:22 · 125 阅读 · 0 评论 -
JavaScript之BOM对象模型
BOMECMAScript 是 JavaScript 的核心,但如果要在 Web 中使用 JavaScript,那么 BOM(浏览器对象模型)则无疑才是真正的核心。BOM 提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。多年来,缺少事实上的规范导致 BOM 有很多问题,因为浏览器提供商会按照各自的想法随意去扩展它。W3C 为了把浏览器中JavaScript 最基本的部分标...原创 2019-09-17 21:31:30 · 227 阅读 · 0 评论 -
js学习思维导图
原创 2019-10-08 20:04:40 · 383 阅读 · 0 评论