又菜又不想学的小张-优快云博客

1. JSON字符串定义：拥有特殊格式的字符串。用于描述对象或数组的字符串。作用：用于前后端交互1.1 注意事项{} 表示对象[] 表示数组键与值之间用:分割。属性之间用，分割。属性名必须用双引号值可以是字符串，数字，布尔值,null，对象，数组。不要用NaN.最后一位不能是逗号。1.2 JSON与对象(数组)之间的转换方法：JSON.parse(JSON字符串)返回的值：转换好的js对象(数组)；//JSON字符串转数组或者对象let s =

2021-11-24 20:04:59 435

原创深拷贝，浅拷贝 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 410

原创 js中实现继承的三种方式：原型链继承、构造函数继承、组合(原型链与构造函数)继承

js中的继承1. 继承的概念一个类继承父类的属性和方法。 ES6之前并没有专门用于继承的关键字。 ES6之后有了Class和extends。2. 继承的作用一类对象是包含另一类对象的。比如说，人肯定是包含老师的。老师肯定是一个人。人的属性老师肯定有。为了体现两者之间的关系，就需要实现继承。3. 实现继承的方法在ES6之前有三种3.1 使用原型链继承重点：将子类的原型对象修改为父类的实例对象。Son.prototype = new Father();缺点：缺点：

2021-11-16 19:31:40 659

原创构造函数、原型对象、原型链、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 424

原创浏览器默认行为自定义右键菜单栏放大镜效果

浏览器默认行为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 611

原创 Date对象的相关知识

基础数据类型与复杂数据类型的区别概念基础数据类型：在存储时，变量中存储的是值本身，因此也叫做值类型。复杂数据类型：在存储时，变量中存储的是地址（引用），因此也叫做引用类型。赋值基础数据类型将存储的值赋值给新的变量，赋值后，两个变量没有关系。修改其中一个，不会影响另外一个。复杂数据类型，将存储的地址赋值给新的变量，赋值后，两个变量指向同一个对象。通过一个变量修改对象，另外一个访问时也是被修改后的对象。比较两个基础数据类型比较，直接比较值。两个复杂数据类型比较，比较的是地址是否相同。也就是说

2021-11-06 18:41:57 116

原创数组的相关知识

数组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 194

原创 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 961

原创页面卷去高度宽度的写法

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 236

原创 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 1971

图片底侧空白缝隙的解决.md

空空如也