代码
木森林哥哥
学习是一种信仰!
展开
-
浅拷贝4(Object.assign)
Object.assign() - 当拷贝对象的属性值对应的都是基本类型数据,可以理解为深拷贝。 - 当拷贝对象的属性对应的值为数组或对象等引用类型时,为浅拷贝。原创 2022-09-10 19:03:27 · 147 阅读 · 0 评论 -
浅拷贝3(扩展运算符)
当拷贝对象的属性值对应的都是基本类型数据,可以理解为深拷贝。当拷贝对象的属性对应的值为数组或对象等引用类型时,为浅拷贝。原创 2022-09-10 18:38:40 · 130 阅读 · 0 评论 -
浅拷贝2(JSON.parse(JSON.stringify()))
一般来说,JOSN.parse(JSON.stringify(obj1))只能对基本数据类型+obj+array进行深拷贝。不能对函数进行深拷贝,因为会忽略函数的拷贝。解决办法是进行递归操作。原创 2022-09-10 18:20:50 · 370 阅读 · 0 评论 -
浅拷贝1(for-in)
浅拷贝:仅仅复制对象的引用,而不是对象本身。深拷贝:复制对象所引用的全部对象。原创 2022-09-10 18:19:25 · 221 阅读 · 0 评论 -
查找数组中满足条件的对象里的最后一个键
let arr = [{ a: 1, b: 2 }, { a: 3, b: 4 }, { a: 3, b: 5 }, { a: 3, b: 6 }]// 比如说a的值为3的function firstGrayIndex(array) { let index = array.reverse().findIndex((item, index) => { // console.log(item); return item.a === 3; }); if (index ===原创 2022-04-13 20:26:47 · 648 阅读 · 0 评论 -
手写 map
Array.prototype.newMap = function(fn) { var newArr = []; for(var i = 0; i<this.length; i++){ newArr.push(fn(this[i],i,this)) } return newArr; } var arr = [3, 4, 5]; var newArr = arr.newMap(function(item, index, arr) { console原创 2021-08-24 01:20:45 · 137 阅读 · 0 评论 -
移动端 1px 像素问题
高清屏幕下 1px 对应更多的物理像素,所以 1 像素边框看起来比较粗,解决方法如下:边框使用伪类选择器,或者单独的元素实现。例如底部边框.box2::after { content: ''; height: 1px; width: 100%; position: absolute; left: 0; bottom: 0; background: #000;}在高清屏幕下设置@media screen and (-webkit-min-device-pixel-ratio:原创 2021-08-15 02:44:48 · 116 阅读 · 0 评论 -
隐式类型转换
<script> // js中一共有6个false值:0,NaN,"",false,null,undefined // 强者(特殊的两个):null,undefined // 基本数据类型 VS 基本数据类型 // toNumber => Number(数据) console.log("1",true==1); //true //1 === 1 console.log(原创 2021-08-04 20:36:48 · 64 阅读 · 0 评论 -
字符串转对象互换面试题
<script> /* 已知一个url地址 http://www.baidu.com?user=laowang&pass=123456&sex=nan; 请把查询字符串的内容以对象的形式表示出来 得到:{ user:"laowang", pass:"123456",原创 2021-08-04 20:15:12 · 189 阅读 · 0 评论 -
JS 手写 快排
JS 手写 快排<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Document</title></head><body> <script>原创 2021-02-28 21:13:58 · 484 阅读 · 0 评论 -
JS 手写 深拷贝
var obj1 = { name: 'laowang', age: 18, do: function () { console.log('study') }, hobby: ['唱', '跳', 'rap', [1, 2, 3]], } function checkType(obj) { return Object.prototype.toString.call(o原创 2021-02-28 21:12:12 · 281 阅读 · 0 评论 -
JS 手写防抖
JS 手写防抖<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti原创 2021-02-24 16:58:39 · 134 阅读 · 0 评论 -
JS 手写节流
JS 手写节流<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti原创 2021-02-24 16:57:19 · 436 阅读 · 0 评论 -
JS 组合继承
JS 组合继承<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti原创 2021-02-24 16:55:28 · 117 阅读 · 0 评论 -
JS 手写 instanceof
JS 手写 instanceof<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-02-22 17:57:14 · 237 阅读 · 0 评论 -
JS 手写 bind( )
JS 手写 bind( )<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-02-22 17:54:53 · 201 阅读 · 0 评论 -
JS 手写 apply( )
JS 手写 apply( )<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-02-22 17:52:39 · 530 阅读 · 0 评论 -
JS 手写 call( )
JS 手写 call( )<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-02-22 17:50:40 · 501 阅读 · 0 评论 -
数组去重(面试题)
数组去重(面试题)//数组去重,面试题,新数组中去重,原数组中不动。var arr = [1,2,1];var newArr = [];//去重之后的数组。for (var i = 0 ; i < arr.length ; i++) {//i=0 0<3 true//i=1 1<3 true//2<3 true//3<3 false var flag = true;//一个标志位,默认的时候都往里面放//true//true//true /*原创 2021-01-21 16:22:18 · 166 阅读 · 0 评论 -
HTML/CSS 游戏图标
HTML/CSS 游戏图标代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>转载 2021-01-03 21:47:32 · 182 阅读 · 1 评论 -
HTML/CSS 单选框
HTML/CSS 单选框代码:<!DOCTYPE html><html lang="en"> <head> <meta name="keywords" content="zidingyi"> <meta name="description" content="zidingyi"> <meta charset="UTF-8"> <title><原创 2021-01-03 20:32:55 · 2082 阅读 · 1 评论 -
HTML/CSS 锚点轮播图
HTML/CSS 锚点轮播图方法一:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>原创 2021-01-03 19:38:49 · 245 阅读 · 0 评论 -
HTML/CSS 二级菜单
HTML/CSS 二级菜单代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> a { text-decoration: none; color: #000;; fon原创 2021-01-03 17:11:54 · 367 阅读 · 0 评论 -
HTML/CSS 圆形头像
HTML/CSS 圆形头像4代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>原创 2020-12-31 20:05:00 · 889 阅读 · 0 评论 -
HTML/CSS 遮罩层登录框
HTML/CSS 遮罩层登录框代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .原创 2020-12-29 21:29:15 · 446 阅读 · 0 评论 -
HTML/CSS 新浪注册框
HTML/CSS 新浪登录框代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>sina-register</title> <style>原创 2020-12-29 20:24:46 · 429 阅读 · 0 评论 -
HTML/CSS轮播图
HTML/CSS轮播图代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /原创 2020-12-29 19:38:10 · 151 阅读 · 0 评论 -
HTML/CSS 列表
HTML/CSS 列表代码:<!DOCTYPE html><html> <head> <meta name="keywords" content="zidingyi"> <meta name="description" content="zidingyi"> <meta charset="UTF-8"> <title>list form</原创 2020-12-25 19:20:28 · 151 阅读 · 0 评论 -
HTML/CSS 男人的衣柜
HTML/CSS 男人的衣柜代码1:<!DOCTYPE html><thml> <head> <meta name="keywords" content="zidingyi"> <meta name="description" content="zidingyi"> <meta charset="UTF-8"> <title>man clothe原创 2020-12-24 13:10:08 · 169 阅读 · 0 评论 -
HTML/CSS 微信冒泡对话框
微信对话框代码:<!DOCTYPE html><html> <head> <meta name="keywords" content="zidingyi"> <meta name="description" content="zidingyi"> <meta charset="UTF-8"> <title>triangle</title&g.原创 2020-12-23 16:46:46 · 341 阅读 · 0 评论 -
图片和多行文本垂直居中
图片和多行文本垂直居中代码:<!DOCTYPE html><html lang="en"> <head> <meta name="keywords" content="zidingyi"> <meta name="keywords" content="zidingyi"> <meta charset="UTF-8"> <title>hunsha原创 2020-12-23 13:11:04 · 160 阅读 · 0 评论 -
CSS 三角形的制作
三角形的制作代码:<!DOCTYPE html><html lang="en"> <head> <meta name="keywords" content="zidingyi"> <meta name="description" content="zidingyi"> <meta> <title>triangle</title>原创 2020-12-23 11:41:07 · 62 阅读 · 0 评论