随笔分类 -  JS

摘要:找出数组 arr 中重复出现过的元素示例1输入[1, 2, 4, 4, 3, 3, 1, 5, 3]输出[1, 3, 4]function duplicates(arr) { var result = []; arr.forEach(function(elem)... 阅读全文
posted @ 2019-03-25 21:00 strawqqhat 阅读(2188) 评论(0) 推荐(0)
摘要:移除数组 arr 中的所有值与 item 相等的元素,直接在给定的 arr 数组上进行操作,并将结果返回示例1输入[1, 2, 2, 3, 4, 2, 2], 2输出[1, 3, 4]链接:https://www.nowcoder.com/questionTermin... 阅读全文
posted @ 2019-03-25 18:33 strawqqhat 阅读(675) 评论(0) 推荐(0)
摘要:计算给定数组 arr 中所有元素的总和输入描述:数组中的元素均为 Number 类型示例1输入[ 1, 2, 3, 4 ]输出10不考虑算法复杂度,用递归做: 1 2 3 4 5 6 7 8 9 10 funct... 阅读全文
posted @ 2019-03-25 18:21 strawqqhat 阅读(274) 评论(0) 推荐(0)
摘要:源文件: 注册页面 登录 注册 购物车 ... 阅读全文
posted @ 2019-03-07 15:11 strawqqhat 阅读(916) 评论(0) 推荐(0)
摘要:setInterval和setTimeoutsetTimeout()方法只运行一次,也就是说当达到设定的时间后就出发运行指定的代码,运行完后就结束了,如果还想再次执行同样的函数,可以在函数体内再次调用setTimeout(),可以达到循环调用的效果。setInterv... 阅读全文
posted @ 2019-03-07 15:04 strawqqhat 阅读(203) 评论(0) 推荐(0)
摘要:JS格式:var i = 1;function changeImg(){}docunment.getElementById("img1").src="../../img/"+i+".jpg"; 切换图片 ... 阅读全文
posted @ 2019-03-07 14:53 strawqqhat 阅读(174) 评论(0) 推荐(0)

#home h1{ font-size:45px; } body{ background-image: url("放你的背景图链接"); background-position: initial; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-origin: initial; background-clip: initial; height:100%; width:100%; } #home{ opacity:0.7; } .wall{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; } div#midground{ background: url("https://i.postimg.cc/PP5GtGtM/midground.png"); z-index: -1; -webkit-animation: cc 200s linear infinite; -moz-animation: cc 200s linear infinite; -o-animation: cc 200s linear infinite; animation: cc 200s linear infinite; } div#foreground{ background: url("https://i.postimg.cc/z3jZZD1B/foreground.png"); z-index: -2; -webkit-animation: cc 253s linear infinite; -o-animation: cc 253s linear infinite; -moz-animation: cc 253s linear infinite; animation: cc 253s linear infinite; } div#top{ background: url("https://i.postimg.cc/PP5GtGtM/midground.png"); z-index: -4; -webkit-animation: da 200s linear infinite; -o-animation: da 200s linear infinite; animation: da 200s linear infinite; } @-webkit-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 600% 0; } } @-o-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 600% 0; } } @-moz-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 600% 0; } } @keyframes cc { 0%{ background-position: 0 0; } 100%{ background-position: 600% 0; } } @keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-webkit-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-moz-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-ms-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } }