11 2021 档案
摘要：Promise 异步通信编程的一种解决方案，它比传统回调式更加的强大；解决了ES6前多层次嵌套的同步、异步，执行顺序混乱且不好维护等问题。 Promise使用 new 来调用 Promise 的构造器来进行实例化，接受一个函数作为参数，并且要传入resolve、reject两个参数执行回调， new
阅读全文
摘要：学习的时候都学到过for循环，while循环等等，为什么会需要循环操作呢？因为有些时候我们希望计算机为我们重复的执行同样的操作，比如有一个“数组”，里面存储了10个数字，那么则会对这个数组进行循环操作，然后挨个输出。 我们可以很容易的用循环来遍历一个数组，因为数组在内存中的存储是连续的，可以通过数组
阅读全文
摘要：一、Set集合 Set集合是一种无重复元素的列表,使用 new Set() 方法创建Set集合。 let set=new Set(); add() 添加元素，返回Set结构本身 数值、字符串、对象、数组等都可以作为元素添加进set集合，如果重复添加元素，元素会折叠，数值 1 和字符串 "1" 不会冲
阅读全文
摘要：之前的基础数据类型有：字符串、数值、布尔、对象、null和undefined；ES6新增了一种基础数据类型Symbol，表示独一无二的值，类似ID。 通过 Symbol() 函数生成，生成的是一个原始类型的值，不能使用new命令，直接使用 Symbol() 。 let s=Symbol(); con
阅读全文
摘要：对象新增方法 Object.is() Object.is(value1，value2)，判断两个值是否相等，与比较运算符“ ”基本一致，但解决了“ ”中的一些缺点 console.log(Object.is(100, '100')); //false 类型不同 console.log(Object.
阅读全文
摘要：简写改进 属性简写 ES6让对象字面量中属性初始值实现简写，在一定程度降低了代码量 首先写一下 ES5的写法 function f(name,age){ return{ name:name, age:age } } console.log(f("li",18)); 显然return里面的左右两边（属
阅读全文
摘要：箭头函数 ES6新增了一个使用箭头符号（=>）定义函数的语法特性 如果不需要传参数，可以直接用 () 返回。 函数代码： let f=function(){ return "li"; } 箭头函数语法： let f=()=>"li"; 箭头也可传递两个及两个以上的参数，并实现运算后返回： let f
阅读全文
摘要：函数传参 ES6之前函数是无法给参数设置默认值的，而ES6支持了该特性。 常见参数： 数值 数组 对象 函数 function f( name, age=100, arr=[], obj={}, call=function(){} ){ console.log(name); console.log(
阅读全文
摘要：解构操作 1）ES6提供了对数组和对象的字面量提取相关数据的方法：解构操作 2）使用解构操作的原因：JSON格式的普及，产生了大量数据提取工作，ES6的解构语法中对这种提取过程，带来了极大的便捷性。 解构赋值语法是一种 Javascript 表达式，可以将属性/值从对象/数组中取出,赋值给其他变量。
阅读全文
摘要：全局作用域 浏览器环境有一顶层对象window，window的属性和var的全局变量等价。 如果用var设置了window对象的内置属性作为变量，内置属性值将会被覆盖。 如果是window对象的内置属性，输出默认值；非内置则输出underfined。 console.log("window.name
阅读全文
摘要：var、let 声明变量 区别： 1.作用域 // 块级区域 { var a=10; let b=20; } console.log(a); //10 console.log(b); //引用错误 b is not defined 可以看到，var声明在块级区域以外有效，是可以获取到的，而let声明
阅读全文
摘要：原型：原型也是一个对象,通过原型可以实现对象的属性继承,用于创建重复的对象，同时又能保证性能。 function Car(name,speed){ this.name=name; this.speed=speed; this.showName=function(){ console.log(this
阅读全文
摘要：选项卡 选中标题，显示对应内容，如图： 想要实现该效果非常的简单，只要使用jQuery以下方法就可以， .show() 显示匹配的元素 .hide() 隐藏匹配的元素 .siblings() 匹配元素的所有兄弟元素 让当前元素显示，当前元素的所有兄弟元素隐藏。 给选中的元素添加字体颜色和下划线: .
阅读全文
摘要：1）插入元素： 内部插入=>子节点 // 前面 $(".prepend").click(function(){ $("ul").prepend("<li>列表prepend</li>"); // $("<li>列表prependTo</li>").prependTo($("ul")); }) //
阅读全文
摘要：.html() .text() .val() 三种方法都是用来读取选定元素的内容 无参获取，有参设置 区别： html([val|fn])：针对整个HTML内容,可解析含标签的代码 text([val|fn])：解析纯文本 val([val|fn|arr])：对具有value属性的表单元素进行操作，
阅读全文
摘要：如果想对一个多维数组，进行扁平化处理，即 多维数组 ⋙ 一维数组 ▼ 可以使用 .flat()函数实现 Array.flat() 将多维数组降维 flat()函数仅采用一个参数，参数可自行设置，原始数组包含一个或多个嵌套数组结构时，由此参数决定函数将多少数组层压扁为单个层，默认值是 1。 函数无参数
阅读全文
摘要：使用： $(document).ready(function(){}); 简化： $().ready(function(){}); 再次简化： ⚝ $(function(){}); 转换理念： js⋙jq jq=$(js/dom) jq=$(div) jq=$("<li>列表</li>") jq⋙j
阅读全文
posted @ 2021-11-08 19:07
十七日尾
摘要：获取鼠标位置 var div=document.querySelector("div"); div.onmousemove=function(e){ console.log(e); } 点击小图片 出现大图片 js window.onload=function(){ // 获取小图片 var img
阅读全文
摘要：获取元素dom 通过id获取 document.getElementById(); 通过类名获取 document.getElementsByClassName(); 通过name获取 document.getElementsByName(); 通过标签名获取 document.getElement
阅读全文
摘要：一、使用Object直接创建对象 二、使用JSON创建对象的语法（字面量方法） 三、使用function,函数名和其参数可以看成一个构造器用于构造对象 function Student(id,name){ this.id=id; this.name=name; this.scores=[ {subj
阅读全文
摘要：正则表达式：用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”， 这个“规则字符串”用来表达对字符串的一种过滤逻辑。一种字符串匹配的模式。 可以用来： 测试字符串内的模式 可以测试输入字符串，以查看字符串内是否出现需要模式。作数据验证。 替换文本 可以使用正则表达式来识别文档中
阅读全文
摘要：.shift() 删除第一个数组元素 var arr=[1,2,3,4,5]; arr.shift(); console.log(arr); //[ 2, 3, 4, 5 ] .pop 删除最后一个数组元素 var arr=[1,2,3,4,5]; arr.pop(); console.log(ar
阅读全文
摘要：console.log(0.1+0.2); //0.30000000000000004 console.log(0.1+0.2==0.3); //false 计算机运算时，整数运算是没有问题的，用浮点数进行运算时，精度会出现问题。 0.1和0.2是近似值，近似值相加就得到了 0.3000000000
阅读全文
摘要：+ - * / +用于数值运算相加，也可以用作字符串拼接 var a=1+"1"; console.log(a); //11 var a=1+1; console.log(a); //2 - * / 正常数值运算 比较运算符 = 赋值 == 等于 值相同 绝对等于 值和数据类型都相同 console
阅读全文
摘要：attributes属性：获取与控件属性不对应的任意属性的集合。 html代码： <div id="div" n="123" m="456"></div> js代码： var div=document.getElementById("div"); var n=div.attributes["n"].
阅读全文
浙公网安备 33010602011771号