- 博客(43)
- 资源 (1)
- 收藏
- 关注
原创 JSON字符串、本地存储cookie,localstorage
1. JSON字符串定义:拥有特殊格式的字符串。 用于描述对象或数组的字符串。作用:用于前后端交互1.1 注意事项{} 表示对象[] 表示数组键与值之间用:分割。属性之间用,分割。属性名必须用双引号值可以是字符串,数字,布尔值,null,对象,数组。不要用NaN.最后一位不能是逗号。1.2 JSON与对象(数组)之间的转换方法:JSON.parse(JSON字符串)返回的值:转换好的js对象(数组);//JSON字符串转数组或者对象let s =
2021-11-24 20:04:59
373
原创 深拷贝,浅拷贝 set map symbol 模块化
深拷贝,浅拷贝 set map symbol 模块化1.深拷贝和浅拷贝1.1 深拷贝定义:拷贝一个对象时,如果属性是复杂数据类型,则拷贝的只是该数据的内存地址。注意:要想达到深复制就需要用递归1.2 浅拷贝定义:拷贝一个对象时,如果属性是复杂数据类型,则创建一个新的对象,指向新的对象的内存地址。深拷贝与浅拷贝的区别在于是否真正获取一个对象的复制实体,而不是引用。1.3 案例<script> var obj = { a: 1, arr: [1,
2021-11-22 20:21:18
366
原创 js中实现继承的三种方式:原型链继承、构造函数继承、组合(原型链与构造函数)继承
js中的继承1. 继承的概念一个类继承父类的属性和方法。 ES6之前并没有专门用于继承的关键字。 ES6之后有了Class和extends。2. 继承的作用一类对象是包含另一类对象的。比如说,人肯定是包含老师的。老师肯定是一个人。人的属性老师肯定有。 为了体现两者之间的关系,就需要实现继承。3. 实现继承的方法在ES6之前有三种3.1 使用原型链继承重点: 将子类的原型对象 修改为 父类的实例对象。Son.prototype = new Father();缺点: 缺点:
2021-11-16 19:31:40
611
原创 构造函数、原型对象、原型链、this指向相关知识
1. 构造函数相关知识构造函数的主要功能:初始化一类对象,为对象添加属性和方法,特点是和new一起使用。构造函数的名字:以首字母大写来命名1. 之前创建对象的两种方式1.1 字面量var t1 = { name: '小张', age: 20}console.log(t1.name, t1.age); //结果:小张 201.2 构造函数var t2 = new Object();t2.name = '小潘';t2.age = 20;console.log(t2.na
2021-11-16 19:08:41
393
原创 浏览器默认行为 自定义右键菜单栏 放大镜效果
浏览器默认行为1. 阻止默认行为1.1 return可以通过return false来阻止默认行为1.2 e.preventDefault();推荐使用2. 案例2.1 仿百度查询功能实现功能:查询之前,判断是否输入了内容,如果内容为空,则不查询。注意1:https://www.baidu.com/s"注意2:name="wd"<form action="https://www.baidu.com/s" method="get" id="myform"> 查询:&
2021-11-09 18:36:05
593
原创 Date对象的相关知识
基础数据类型与复杂数据类型的区别概念基础数据类型:在存储时,变量中存储的是值本身,因此也叫做值类型。复杂数据类型:在存储时,变量中存储的是地址(引用),因此也叫做引用类型。赋值基础数据类型将存储的值赋值给新的变量,赋值后,两个变量没有关系。修改其中一个,不会影响另外一个。复杂数据类型,将存储的地址赋值给新的变量,赋值后,两个变量指向同一个对象。通过一个变量修改对象,另外一个访问时也是被修改后的对象。比较两个基础数据类型比较,直接比较值。两个复杂数据类型比较,比较的是地址是否相同。 也就是说
2021-11-06 18:41:57
95
原创 数组的相关知识
数组1. 声明定义数组1.1 构造函数 var arr1 = new Array(); // 可以直接传入参数 var arr2 = new Array(10, 20, 30); console.log(arr2); // 当只有一个属性时,代表的是数组的长度 var arr3 = new Array(10); console.log(arr3); console.log(arr3.length);注意:当传入的是一个数时,这个数代表的是这个
2021-11-06 11:13:55
152
原创 js中获取节点的方式
1. 获取节点1.1 根据类名获取节点var x1=document.getElementsByClassName(“demo”);1.2 根据标签名获取节点var x2 = document.getElementsByTagName(“p”);console.log(x2[0]);1.3 根据id获取节点var x3 = document.getElementById(“demo1”);console.log(x3);2. 获取父节点var x5 = 节点.parentN
2021-11-02 23:05:19
903
原创 页面卷去高度宽度的写法
1.卷去的高度方法一document.documentElement.scrollTop这是在h5页面新增的方法二document.body.scrollTop兼容写法document.documentElement.scrollTop || document.body.scrollTop2.卷去的高度方法一document.documentElement.scrollLeft这是h5页面新增的方法二document.body.scrollLeft兼容写法
2021-11-02 22:50:35
191
原创 js自增自减
自增自减1. 自增自减1.1 自增1.1.1 共同点1.1.2 不同点1.2 自减1.2.1 共同点1.2.2 不同点1. 自增自减自增 ++自减 - -1.1 自增前置自增前置自增:++在变量的前面后置自增后置自增 :++在变量的后面1.1.1 共同点执行结果相同,都是让变量的值+1。1.1.2 不同点参与运算时前置++在参与运算或赋值时,会先改变自身的值,用改变后的值去运算或赋值。后置++在参与运算或赋值时,会先用自身的值去运算或赋值,然后再改变自身的值。1.2
2021-10-24 10:55:24
1948
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人