随笔分类 - JS
摘要：在正式讲解ES6新特性之前，我们需要了解一些命令工具，在日后的课程中，我们会经常用到命令行 常用命令工具有两种：①CMD命令工具②PowerShell命令行工具 一、CMD命令行 ①打开命令行窗口 1、win：左下角开始，找到运行，点击，输入cmd，回车 2、win：win+r快速打开命令窗口 3、
阅读全文
摘要：节流严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死 继续思考，使用上面的防抖方案来处理问题的结果是 如果在限定时间段内，不断触发滚动事件（比如某个用户闲着无聊，按住滚动不断的拖来拖去），只要不停止触发，理论上就永远不会输出当前距离顶部的距离 但是
阅读全文
摘要：防抖严格算起来应该属于性能优化的知识，但是实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。 从滚动条监听的例子说起 function showTop(){ var scrollTop=document.documentElement.scrollTop; console.log('
阅读全文
摘要：setInterval函数的用法与setTimeout完全一致，区别仅仅在于setInterval指定某个任务每隔一段时间就执行一次，也就是无限次的定时执行 var time=setInerval(function(){ console.log(2); },1000) 通过setInterval方法
阅读全文
摘要：JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout和setlnterval（）这两个函数来完成。他们向任务队列添加定时任务 setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时
阅读全文
摘要：由于事件会在冒泡阶段向上传播到父节点，因此可以把子节点的监听函数定义在父结点上，由父节点的监听函数统一处理多个子元素的事件。这种方法叫做事件的代理（delegation） var ul =document.querySelector('ul'); ul.addEventListenr('click'
阅读全文
摘要：表单事件是在使用表单元素及输入框元素可以监听的一系列事件 ①input事件②select事件③Change事件④reset事件⑤submit事件 1、input事件 input事件当<input>、<select>、<textarea>的值发生变化时触发。对于复选框（<input type=chec
阅读全文
摘要：键盘事件由用户击打键盘触发，主要有keydown、keypress、keyup三个事件 ①keydown：按下键盘时触发。 ②keypress：按下有值的键时触发，即按下Ctrl、Alt、Shift、Meta这样无值的键，这个事件不会触发。对于有值的键，按下时先触发keydown事件，再触发这个事件
阅读全文
摘要：1、鼠标事件 鼠标事件指与鼠标相关的事件，具体的事件主要有以下一些： ①click：按下鼠标时触发 ②dblclick：在同一个元素上双击鼠标时触发 ③mousedown：按下鼠标键时触发 ④mouseup：释放按下的鼠标键时触发 ⑤mousemove：当鼠标在节点内部移动时触发。当鼠标持续移动时，
阅读全文
摘要：事件处理程序分为：HTML事件处理、DOM0级事件处理、DOM2级事件处理 1、HTML事件 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>Js事件详解--事件处理</title> </head> <bod
阅读全文
摘要：CSS操作动态设置样式 常用方法 1、HTML元素的style属性 操作CSS样式最简单的方法，就是使用网页元素节点的setAttribute方法直接操作网页元素的style属性 div.setAttribute( 'style', 'background-color:red;'+'border:1
阅读全文
摘要：1、Element获取元素位置 属性 描述 clientHeight 获取元素高度包括padding部分，但是不包括border、margin clientWidth 获取元素宽度包括padding部分，但是不包括border、margin scrollHeight 元素总高度，它包括padding
阅读全文
摘要：document创建元素：createElement(创建元素) createTextNode（创建元素文本） createAttribute（创建元素的属性） 1、document.createElement() document.createElement方法用来生成元素节点，并返回该节点 va
阅读全文
摘要：document获取元素：getElementsByTagName getElementsByClassName getElementsByName getElementsByld querySelector querySelectorAll 1、document.getElementsByTagN
阅读全文
摘要：DOM是JavaScript操作网页的接口，全称为“文档对象模型”（Document Obiect Model）。它的作用是将网页转为一个JavaScript对象，从而可以用脚本进行各种操作（比如对元素增删内容） 浏览器会根据DOM模型，将结构化文档HTML解析成一系列的节点，再由这些节点组成一个树
阅读全文
摘要：Date（时间） Date对象是JavaScript原生的时间库。它以1970年1月1日00:00:00作为时间的零点，可以表示的时间范围是前后各1亿天（单位为毫秒） Date.now方法返回当前时间距离时间零点（1970年1月1日00:00:00UTC）的毫秒数，相当于Unix时间戳乘以1000
阅读全文
摘要：Math是JavaScript的原生对象，提供各种数学功能。 Math.abs() 1、Math.abs方法返回参数值的绝对值 Math.abs(1)//1 Math.abs(-1)//1 2、Math.max(),Math.min() Math.max方法返回参数之中最大的那个值,Math.min
阅读全文
摘要：什么是对象？对象（object）是JavaScript语言的核心概念，也是最重要的数据类型 简单说，对象就是一组“键对值”（key-value）的合集，是一种无序的复合数据集合 var user={ name:'zifuchuan', age:'13' }; 对象的每一个键名又称为属性（proper
阅读全文
摘要：函数是一段可以反复调用的代码块 1、函数的声明 function命令：function命令声明的代码区块，就是一个函数。function命令后米娜是函数名，函数名后面是一对圆括号，里面是传入函数的参数。函数体放在大括号里面。 function print（s）{ console.log(s); }
阅读全文
摘要：indexOf返回给定元素在数组中第一次出现的位置，如果没有出现则返回-1 var arr =['a','b','c']; arr.indexOf('b')//1 arr.indexOf('y')//-1 indexOf方法还可以接受第二个参数，表示搜索的开始位置 ['字符串'，'数学','zifu
阅读全文
浙公网安备 33010602011771号