- 博客(9)
- 收藏
- 关注
原创 Object.keys()、Object.values()、Object.entries()的用法
Object.keys(obj)遍历得到的是对象的属性名;Object.values(obj)遍历得到的是对象的属性值;一、Object.keys(obj)参数:要返回其枚举自身属性的对象返回值:一个表示给定对象的所有可枚举属性的字符串数组处理对象,返回可枚举的属性数组let person = {name:“张三”,age:25,address:“beijing”,getName:function(){}};console.log(Object.keys(person));处理数组,返回索
2020-10-24 20:09:23 556
原创 浅拷贝和深拷贝的区别和实现方法
浅拷贝和深拷贝的区别和实现方法?首先,浅拷贝和深拷贝都只针对于像Object, Array这样的复杂对象,区别:浅拷贝只复制对象的第一层属性、深拷贝可以对对象的属性进行递归复制可见;基础数据类型的拷贝为深拷贝;引用数据类型的拷贝为浅拷贝。举个例子:代码:var a=1;var b=a;b=3;console.log(a)//1 这里就是深拷贝,改变了b的值但不影响a的值//再举一个例子var arr=[1,2,3];function fn(n){arr[n]=9;}fn
2020-10-24 19:49:20 745
原创 css布局两边固定中间自适应的常用方法
css布局两边固定中间自适应 <h2>1、利用自身浮动</h2> <p>左右浮动两块div元素,脱离标准流,中间那块元素就会上去,跟他们一行,利用margin留出左右宽度</p > <div class=box1> <div class="boxLeft">左边</div> <div class="boxRight">右边</div> <!-- 注意这个div
2020-10-24 19:31:55 1281
原创 闭包的使用场景
一、闭包由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,闭包就是能够读取其他函数内部变量的函数。所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。比如下面的代码:function f1() { var n = 999; function f2() { console.log(n); } return f2;}var result = f1();result();//999函数f2就被包括在函数f1内部,这时f1内部
2020-10-24 19:23:47 18490 1
原创 hash和history实现以及区别
从用户角度看 前端路由实现了两个功能(使用ajax更新页面状态的情况下)1、记录当前页面的状态(保存或分享当前页的url,再次打开该url时,网页还是保存的(分享)时的状态);2、可是使用浏览器的前进后退功能(如点击后退按钮,可以使页面回到ajax更新页面之前的状态,url也回到之前的状态)作为开发者,要实现这两个功能,我们需要做到:1、改变url且不让浏览器向服务器发出请求;2、监测url的变化;3、截获url地址,并解析出需要的信息来匹配路由规则。我们路由常用的hash模式和history
2020-10-24 19:18:45 631
原创 Set 对象
Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。简述Set对象是值的集合,你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次,即 Set 中的元素是唯一的。值的相等因为 Set 中的值总是唯一的,所以需要判断两个值是否相等。在ECMAScript规范的早期版本中,这不是基于和===操作符中使用的算法相同的算法。具体来说,对于 Set s, +0 (+0 严格相等于-0)和-0是不同的值。然而,在 ECMAScript 2015规范中这点已被更改。有关详细信息,请参阅浏
2020-10-24 19:15:30 571
原创 ES6解构赋值
首先是数组的解构赋值1.这是等号左右类型一样的情况下 数组的元素是按次序排列的,变量的取值由它的位置决定 如下: let [,,b] = [1,2,45] console.log(b) // 45 let [a,,c]= [1,2,3] console.log(a,c) // 1 3 let [d] = [] console.log(d) // undefined let [e,f] = [1] console.log(e,f) // 1
2020-10-24 19:03:21 120
原创 js中entries方法的使用
Object.entries() 可以把一个对象的键值以数组的形式遍历出来,结果和 for…in 一致,但不会遍历原型属性。1-传入对象const obj = { name: ‘colin’, age: ‘18’ };console.log(Object.entries(obj)); // [[‘name’, ‘colin’], [‘age’, ‘18’]]每一个键值对对应一个数组,最后再存入到一个数组中。2 – 传入数组const arr1 = [1, 2, 3];console.log(
2020-10-24 18:50:56 3013
原创 git的使用
教程参考站点:**https://www.liaoxuefeng.com/wiki/896043488029600**Git是目前世界上最先进的分布式版本控制系统(没有之一)。集中式vs分布式git应用: 1.初始化git: git config --global user.name "iwen" git config --global user.email "邮箱" 2.创建版本库 注意事项:如果你使用Windows系统,为了避免遇到
2020-10-24 18:28:10 119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人