JavaScript
乐乐好痛苦
这个作者很懒,什么都没留下…
展开
-
从零开始学JavaScript-----事件循环
1、什么是事件循环它是在同步异步的基础上加入宏任务、微任务,异步任务分为宏任务和微任务。2、宏任务setInterval、setTimeout3、微任务es6的nextTick、promise.then链式4、宏任务和微任务执行顺序的问题由于js是单线程的,在执行事件的时候需要排队,这时候需要异步任务。宏任务在前、微任务在后(宏任务一定是在微任务全清的情况下执行)...原创 2022-03-27 13:16:27 · 219 阅读 · 0 评论 -
从零开始学JavaScript-----防抖和节流(debounce和throttle)
防抖:事件在函数执行过程中只执行了一次防抖分为两种:立即执行和非立即执行立即执行:事件一触发就执行一次,在函数执行的时间段,不在触发事件,如果触发,这个时间段无效非立即执行:事件触发后,在函数最后的时间执行一次防抖(使用了闭包和定时器)防抖的缺点:事件在不断被触发的时间段里,函数不会执行下面是一段防抖的代码 <h1>0</h1> <script> let h1 = document.querySelector('h1'原创 2021-12-26 21:19:25 · 406 阅读 · 0 评论 -
从零开始学JavaScript——DOM与表单操作
目录一、获取节点1、子节点2、节点基本属性3、父节点4、其他节点二、操作节点1、创建节点2、追加节点3、插入节点4、删除节点5、替换节点6、克隆节点三、表单操作1、获取表单元素2、表单事件3、表单方法4、得焦失焦5、input事件6、change事件一、获取节点1、子节点 父级.children:返回元素节点(在IE8及以下,会返回注释节点,在IE9及以下,正常返回) 父级.childNodes:在IE9原创 2021-11-26 20:09:20 · 275 阅读 · 0 评论 -
从零开始学JavaScript——数据渲染(用js在页面制作一个表格)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-11-27 09:06:11 · 704 阅读 · 0 评论 -
从零开始学JavaScript——JS拖拽三大事件
说到拖拽,我们要知道的三大事件onmousedown(鼠标按下选择元素) onmousemove(按住鼠标移动元素) onmousedown(鼠标松开释放元素)接下来我们来看一个小案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2021-12-01 17:08:37 · 1668 阅读 · 0 评论 -
从零开始学JavaScript——JS对象方法总结
目录扩展原型上的方法扩展数组的indexOf方法,兼容IE8及以下1、字面量方法2、实例创建3、工厂模式创建对象4、创建对象-构造函数5、创建对象-原型方法6、混合模式创建对象7、创建对象-动态混合扩展原型上的方法扩展String.prototype.trim这个方法,让它兼容IE8及以下 if (!String.prototype.trim) { String.prototype.trim = function () {原创 2021-12-03 23:56:04 · 100 阅读 · 0 评论 -
从零开始学JavaScript——js数组去重的三种方法
1.通过indexOf查找数组下标的方式去重,如果返回值等于负一,则证明新数组中没有这个数,添加进来。var arr1 = [1, 2, 33, 2, 2, 1, 1, 4, 4]; var arr2 = ['a','b','b','c','c','s','s','d','f','d']; function array(arr) { var newArr = [];//存储去重后的新数组 for (var i = 0; i原创 2021-12-04 11:04:19 · 517 阅读 · 0 评论 -
从零开始学JavaScript——JS处理事件绑定兼容
封装一个函数,实现事件绑定的兼容与解绑的兼容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0原创 2021-12-04 19:58:24 · 387 阅读 · 0 评论 -
从零开始学JavaScript——JS阻止冒泡的兼容及二级菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-12-04 20:40:51 · 96 阅读 · 0 评论 -
从零开始学JavaScript——JS阻止默认事件的方法
阻止默认事件的两种方法1、在发生函数最后加上return false2、ev.preventDefault();阻止默认事件的兼容 //阻止默认事件的兼容 function preventDefault(ev){ if(ev.preventDefault){ //标准模式 ev.preventDefault(); }else{ //原创 2021-12-04 21:14:54 · 1346 阅读 · 0 评论 -
从零开始学JavaScript——JS增删改查(事件委托)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.原创 2021-12-04 21:53:37 · 463 阅读 · 0 评论