随笔分类 - JavaScript
摘要:1.递归1 let givenArr = [[1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14]]]], 10]; // 1.数组扁平化 function flatten(arr) { let res = []; for (let
阅读全文
摘要:1.join('+') 功能: 1.数组转字符串,可以修改连接符 原素组:不改变 返回值:增加连接符的字符串 let list = ['a', 12, 'c', 'd', 'e']; let result = list.join(' - '); console.log('old result', l
阅读全文
摘要:1.for 优点: 1.可以递增循环也可以递减循环 2.可以使用break、continue控制是否跳出循环 let list = ['a', 'b', 'c', 'd','e']; for (var i = 0; i < list.length; i++) { console.log(list[i
阅读全文
摘要:如果代码中我们知道一段代码有可能报错,或异常从而阻塞代码执行的时候 我们可以使用try-catch try{ alller('asdasd'); //模拟报错 }catch(e){ console.log(e); //输出错误 throw e; //抛出错误 throw "你错误"; //自定义错误
阅读全文
摘要:<body> <input type="file" id="myFile" onchange="beforeUpload()"> <button onclick="selectFile()">上传</button> <script> var fileInput = document.getEleme
阅读全文
摘要:1.执行环境 --> 代码自上而下执行的环境,定义变量与函数的行为,每一个执行环境都有关联的 变量对象, 1.1全局执行环境 --> 浏览器的全局执行对象是window (页面关闭 执行环境销毁) 2.1函数执行环境 --> 刚进入函数时,函数的环境被推入环境栈中,在执行之后,栈将其环境弹出,把控制
阅读全文
摘要:JS单线程代码自上而下执行 function w1(){ console.log(1); } function w2(){ console.log(2); } w1(); w2(); // 1 2 当函数中有异步操作,且需要等待后再执行其他操作时,可以使用回调函数 function getData(
阅读全文
摘要:DOM2级绑定事件 addEventListener 兼容性:ie9以下不支持 attachEvent 兼容性:IE9以下 兼容所有浏览器的DOM二级绑定
阅读全文
摘要:获取节点的方式 1.querySelectorAll/querySelector 返回值: NodeList 首先获取的是静态NodeList;元素改变不会影响他的值;就是死的 兼容性:IE8以上; 2.getElementsByTagName 返回值: HTMLCollection 俗称类数组 返
阅读全文
摘要:JS运动对元素样式操作, 运动基础: 如何让div运动起来? 根据上面的代码实现简单的运动 上面的这个动画不会停止,ok,我们设置一个停止条件 补充的两个方法 getcss获取样式 setcss设置样式 思路一:步长法 思路二、 思路三:使用setTimeout实现定时器 进化:可以用按钮控制方向
阅读全文
摘要:1 . Array.isArray(Array.prototype)输出什么? true 2. 3. 4.如何准确判断一个变量是数组类型? 5.写New 构造函数创建一个实例的过程 1.构造函数中this指向实例 2.执行代码对this的属性、方法赋值 3.隐式的从函数中返回出来 6.构造函数的特点
阅读全文
摘要:1.仿内置方法数组slice // 实现一个需求 (5).push(10).reduce(2) 5+10-2方法
阅读全文
摘要:1.编写尽可能简洁的javascript代码,找到在第一个数组array1中出现,而在第二个数组array2中没有出现的数字。 2.编写函数,用于过滤一个数组内重复的元素,并用这些元素重构一个新的数组,新数组内也不能有重复元素。 3.现有一个数组(元素为数字,并且有可能重复),请给Array.pro
阅读全文
摘要:1.定义函数的两种方法: a() function a() { console.log("s") }; a() var a=function (){ console.log("123"); } // Uncaught TypeError: a is not a function at 2. 递归 3
阅读全文
摘要:一、工厂模式: function createPerson(name,age,job){ var o = new Object(); o.name=name; o.age=age; o.job=job; o.sayName=function(){ alert(this.name) } return
阅读全文
摘要:aJax创建 兼容的方法: POST方法 jq方法: $.ajax({ url: ,//路径 type: '',请求类型 dataType: '', data: { }, success: function(){ 成功 }, error: function(){ 失败 } }) var Ajax={
阅读全文

浙公网安备 33010602011771号