黑白两客

JavaScript移动端事件介绍touch事件类型移动设备上无法使用鼠标，当手指按下屏幕的时候会触发 click,mousedown,mouseup事件，但是在移动设备上有专门的事件： touch备注：在移动端touch事件需要通过事件监听的方式添加touchstart 手指按下触发事件touchmove 手指移动触发的事件touchend 手指离开时候...

Swiper插件(库)01-基本介绍Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架，使用硬件加速过渡（如果该设备支持的话）。主要使用于移动端的网站、移动web apps，native apps和hybrid apps。主要是为IOS而设计的，同时，在Android、WP8系统也有着良好的用户体验，Swiper从3.0开始不再全面支持PC端。因此，如需在PC上兼容更多的浏览器，可...

webAPI01-动画封装应用到的知识点点击事件给元素设置一个绝对定位定时器(setInterval)封装动画1的步骤:让元素设置为绝定位设置元素的开始位置(从哪开始移动)设置元素的目标位置(移动到哪)设置元素每次移动的距离设置元素每次移动的时间间隔(越短越好)封装动画1遇到的问题如果快速的点击按钮,动画会有一个加速的效果原因: 多次...

JavaScriptBOM介绍概念BOM（Browser Object Model）即浏览器对象模型。本质： 通过对象抽象浏览器中的一些功能 例如：（刷新页面，alert,confirm,pormpt,跳转 ...）BOM顶级对象window对象是js中的顶级对象，定义在全局作用域中的变量、函数都会变成window对象的属性和方法，在调用的时候可以省略window。☞备注： ...

webAPI01-键盘事件知识点-onkeydown事件[掌握]onkeydown: 当键盘上的键被按下时候触发的一个事件知识点-onkeyup事件[掌握]onkeyup: 键盘上键弹起时候触发的一个事件知识点-onkeypress事件[了解]onkeypress: 当键盘上的键被按下时候触发的事件onkeydown 和 onkeypress的区别onkey...

webAPI01-事件监听为什么要学事件监听之前给元素注册事件的时候,同一个事件会被覆盖掉事件监听的本质通过另外一种方式给元素注册事件, 同时可以解决同一个事件不会被覆盖掉.知识点-通过 on 方式给元素注册事件之前注册事件的方式:事件源.onclick = function() {}on是一种方式click 才是一个具体的事件类型特点:1.无法给...

JavaScriptBOM介绍概念BOM（Browser Object Model）即浏览器对象模型。本质： 通过对象抽象浏览器中的一些功能 例如：（刷新页面，alert,confirm,pormpt,跳转 ...）BOM顶级对象window对象是js中的顶级对象，定义在全局作用域中的变量、函数都会变成window对象的属性和方法，在调用的时候可以省略window。☞备注： ...

webAPI1-通过DOM节点方式获取元素1-0注意事项下面的内容都在在文档树上直接操作的 (节点 + 元素)重点是: 与元素相关的内容1-1与父节点相关的操作方式1-1-1.知识点-判断父元素中是否有子节点语法:DOM.hasChildNodes();总结:该方法返回的是一个布尔类型的结果该方法会将元素中所有的节点都获取（包括空格，回车符，文字，标签等）1...

webAPI0-操作标签属性系统属性作用:1. 可以操作标签身上的任何一个系统中的自带属性 (id, class, name ....)2. 还可以操作用户自定义的属性dom.getAttribute(属性名)；作用: getAttribute(属性名) 方法 就是用来获取标签身上属性的备注:1. getAttribute() 方法中放的是一个属性的名字2. g...

JavaScript-DOM节点的层次结构hasChildNodes() 【父元素中是否包含子节点】dom.hasChildNodes()总结： 1.该方法返回的是一个布尔类型的结果用来判断当前元素中是否存在子节点。 2.该方法会将元素中所有的节点都获取（包括空格，回车符，文字，标签等）父节点.chiledren【父元素中的子元素】 dom.children...

webAPI00-操作图片知识点-获取图片src属性图片对象.src ----> 获取图片路径注意:1. 获取到的图片路径是一个绝对路径知识点-动态的给图片标签设置路径图片对象.src = '图片路径';注意:1.可以设置绝对路径(不推荐)2.可以设置相对路径课堂案例-切换图片案例01-操作标签样式知识点-通过className方式...

JavaScript-DOM操作核心知识点className操作标签样式style属性方式操作标签样式操作表单控件学习目标能够通过className方式给标签设置样式能够通过style方式给标签设置样式能够获取表单控件中的值操作元素样式语法： 1.dom.className = '类名'; 2.dom.style.属性 = 值;备注： 1.通过style属性方...

webAPI00-复习内置对象中的方法01-JavaScript组成知识点-ECMASCRIPT重点回顾存储容器变量数组对象逻辑语法分支语句循环语句switch语句知识点-BOM概念Browser Object Model (浏览器器对象模型) 操作浏览器将浏览器看做是一个对象.作用通过js操作浏览器中相关操作...

JavaScript-DOM（BOM）操作核心知识获取页面元素事件设置样式学习目标能够使用id名,标签名等方式获取页面中元素能够给标签注册点击事件,并实现对应效果能够给标签通过js方式设置样式JavaScript组成ECMASCRIPT (基础语法)DOM（文档对象模型）BOM（浏览器对象模型）DOM+BOM为啥要学DOM和BOM?总结： 通过j...