使用jqery模拟网易严选购物车功能
今天完成了使用jquery模拟网易严选的购物车功能,肯定没有原网站的好啦,但是基本功能还是可以的!以下分别为html、css、js代码截图,代码有点多,还希望大佬勿评,小白互相学习。需要下载的插件就自行下载啦!
一、html
<div class="main"><div class="out"><div class="mainfirst"><div>登录/注册</div><div>我的订单</div><div>会员</div><div>甄选家</div><div>企业采购</div><div>客户服务</div><div>APP</div></div></div></div><div class="nav"><div class="navfirst"><a href=""><i></i></a><div class="cp"><div class="cpnav"><i class="cpnavone"></i><span>购物车</span><i class="cpnavtwo">0</i></div></div><div class="search"><div class="se"><i></i><input type="text"></div><div class="sebtn"><span>搜索</span></div></div><h2>新人首单0元购 | 寒潮预警 | 省钱卡</h2><ul class="navlist"><li><a href="http://127.0.0.1:5500/pages/main.html">首页</a> </li><li><a href="">居家生活</a> </li><li><a href="">服饰鞋包</a> </li><li><a href="">美食酒水</a> </li><li><a href="">个护清洁</a> </li><li><a href="">母婴亲子</a> </li><li><a href="">运动旅行</a> </li><li><a href="">数码家电</a> </li><li><a href="">严选全球</a> </li><li><a href="">为你严选</a> </li><li><a href="">众筹</a> </li></ul></div></div><div class="cartnav"><div class="navone"><i></i><span>购物车可领优惠券</span></div><div class="navtwo"><span>领券</span><i></i></div></div><div class="cartmain"><div class="carttop"><div class="catone"><div class="tt"><div class="w-w1"><input type="checkbox"><span>全选</span></div><div class="w-w2">商品信息</div><div class="w-w3">单价</div><div class="w-w4">数量</div><div class="w-w5">小计</div><div class="w-w6">操作</div></div></div><div class="cattwo"><div class="caf"><div class="wrap"><span>全场换购</span><span>已满300元享满300低至3折换购</span><a href="#">去换购</a><a href="#">继续凑单>></a></div></div><div class="cat"><div class="catdata"><span>满赠</span><span>已满足【满299元领取赠品】</span><a href="#">更换赠品</a><a href="#">继续凑单>></a></div><!-- <div class="emptystatus"><div class="emptyCart"></div><div class="emptyText">购物车还是空滴</div><p><span>登录</span><a href="#">继续逛</a></p></div> --><!-- <div class="catitem"><div class="catitem-w1"><input type="checkbox"></div><div class="catitem-w2"><div class="pic"><img src="../img/show/05.png" alt=""></div><div class="namecon"><p>睡着按摩颈椎 泰国93%含量天然乳胶枕</p><h3>1个装</h3><i></i></div></div><div class="catitem-w3"><h2><span><span>¥</span><span>199.00</span></span></h2></div><div class="catitem-w4"><div class="textcon"><span>-</span><span></span><span>+</span></div></div><div class="catitem-w5"><p>¥398.00</p></div><div class="catitem-w6"><a href="#">移入收藏夹</a><a href="#">删除</a></div></div> --></div></div></div><div class="cartbot"><div class="cbone"><input type="checkbox"><span><span>已选(</span><span class="cbonenum">0</span><span>)</span></span><a href="#">批量删除</a><a href="#">清空失效商品</a></div><button class="cbfour">下单</button><div class="cbtwo"><h5>商品合计 : <span><span>¥</span><span>557.00</span></span></h5><p>已优惠 : <span><span>-¥</span><span>159.00</span></span></p></div><div class="cbthr"><h6>应付总额:<span><span>¥ </span><span class="cbthrnum">00.00</span></span></h6><p>已满足免邮条件</p></div><!-- <button class="cbfour">下单</button> --></div></div><div class="like"><div class="likeone"><span>猜你喜欢</span></div><div class="likeimg"><div class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide"><ul class="swiperlist"><li><img src="../img/show/01.png" alt=""><div class="imgnav"><h4>女式无缝运动T恤</h4><p><span>¥49.9</span><i></i></p></div></li><li><img src="../img/show/02.png" alt=""><div class="imgnav"><h4>缓解“低头族”颈椎酸痛,EMS颈椎按摩仪</h4><p><span>¥149</span><i></i></p></div></li><li><img src="../img/show/03.png" alt=""><div class="imgnav"><h4>飞天53度贵州茅台酒 500毫升</h4><p><span>¥1499</span><i></i></p></div></li><li><img src="../img/show/04.png" alt=""><div class="imgnav"><h4>告别啃食尴尬,秘制无骨凤爪 108克</h4><p><span>¥13</span><i></i></p></div></li></ul></div><div class="swiper-slide"><ul class="swiperlist"><li><img src="../img/show/01.png" alt=""><div class="imgnav"><h4>女式无缝运动T恤</h4><p><span>¥49.9</span><i></i></p></div></li><li><img src="../img/show/02.png" alt=""><div class="imgnav"><h4>缓解“低头族”颈椎酸痛,EMS颈椎按摩仪</h4><p><span>¥149</span><i></i></p></div></li><li><img src="../img/show/03.png" alt=""><div class="imgnav"><h4>飞天53度贵州茅台酒 500毫升</h4><p><span>¥1499</span><i></i></p></div></li><li><img src="../img/show/04.png" alt=""><div class="imgnav"><h4>告别啃食尴尬,秘制无骨凤爪 108克</h4><p><span>¥13</span><i></i></p></div></li></ul></div></div><!-- 如果需要分页器 --><div class="swiper-pagination"></div><!-- 如果需要导航按钮 --><!-- <div class="swiper-button-prev"></div><div class="swiper-button-next"></div> --></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div></div></div> <div class="bottom"><div class="bottop"><div class="bp"><div class="bpleft"><h5>客户服务</h5><a href=""><i></i><h6>在线客服</h6></a><a href=""><i></i><h6>用户反馈</h6></a></div><div class="bpcenter"><h4>何为严选</h4><p>网易原创生活类电商品牌,秉承网易一贯的严谨态度,我们深入世界各地,从源头全程严格把控商品生产环节,力求帮消费者甄选到优质的商品</p><div class="bpct"><p>关注我们:</p><div class="bpctimg"><div><i></i></div><div><i></i></div><div><a href=""></a></div></div></div></div><div class="bpright"><h4>扫码下载严选APP</h4><img src="../img/banner/01.png" alt=""><p>下载领大额新人红包</p></div></div></div><div class="botbig"><div class="botbot"> <ul class="botlist"><li><div><i></i><p>网易自营电商</p></div></li><li><div><i></i><p>30天无忧退换货</p></div></li><li><div><i></i><p>满99元免邮费</p></div></li><li><div><i></i><p>品质保证</p></div></li></ul><div class="botborder"></div><div class="botnav"><ul class="botbotlist"><li>关于我们</li><li>帮助中心</li><li>售后服务</li><li>配送与验收</li><li>商务合作</li><li>企业采购</li><li>开放平台</li><li>搜索推荐</li><li>友情链接</li><li>廉正举报</li></ul><p class="firstp"><span>食品经营许可证:JY13301080111719</span><span>出版物经营许可证:新出发滨字第0132号</span><span>妙得ICP证号:ICP 证浙B2-20160106</span><span>浙杭食药监械经营备20171029号</span><span>营业执照</span><span>网易公司版权所有 © 1997-2020</span></p><p><span>无线电发射设备销售备案:42202011096855</span><span>(浙杭)网械企备字[2019]第00119号</span><span>(粤)网械平台备字(2019)第00004号</span><span>(粤)-非经营性-2016-0023</span></p><p class="thrtp"><span>浙江省网络食品销售第三方平台提供者备案:浙网食A33010009</span><span>单用途商业预付卡备案证:330100AAC0024</span><a href=""><img src="../img/banner/02.gif" alt=""></a></p></div></div></div></div></div>
})
.mainfirst {
width: 471.275px;
height: 36px;
margin-left: 618.72px; }
.mainfirst div {
color: #BCBCBC;
font-size: 12px;
float: left;
line-height: 36px; }
.mainfirst div:hover {
color: white; }
.mainfirst div:nth-child(1) {
width: 63.14px;
height: 36px; }
.mainfirst div:nth-child(2) {
width: 59px;
height: 36px; }
.mainfirst div:nth-child(3) {
width: 35px;
height: 36px; }
.mainfirst div:nth-child(4) {
width: 47px;
height: 36px; }
.mainfirst div:nth-child(5) {
width: 80px;
height: 36px; }
.mainfirst div:nth-child(6) {
width: 80px;
height: 36px; }
.mainfirst div:nth-child(7) {
width: 47.14px;
height: 36px; }
.nav {
height: 140px;
background-color: #FFFFFF;
box-shadow: 1px 1px 5px #BCBCBC; }
.nav .navfirst {
width: 1090px;
height: 140px;
margin: auto;
position: relative; }
.nav .navfirst .navlist {
float: left;
width: 1090px;
height: 30px;
position: absolute;
bottom: 21px; }
.nav .navfirst .navlist li {
float: left;
margin-top: 21px;
padding-left: 26px;
padding-right: 26px;
text-align: left; }
.nav .navfirst .navlist li a {
color: #333333;
font-weight: 700;
font-size: 14px;
line-height: 14px;
padding-bottom: 7px;
text-align: left;
border-bottom: 2px solid #ffffff; }
.nav .navfirst h2 {
font-size: 12px;
color: #cc9756;
position: absolute;
top: 70px;
left: 400px; }
.nav .navfirst .search {
width: 532px;
height: 36px;
margin-top: 26px;
border: 1px solid #cc9756;
border-radius: 20px 20px;
float: right;
overflow: hidden; }
.nav .navfirst .search .se {
position: relative; }
.nav .navfirst .search .se i {
background-image: url(…/img/banner/icon-1.png);
background-repeat: no-repeat;
background-position: 0px -36px;
width: 14px;
height: 14px;
/* display: block; */ }
.nav .navfirst .search .sebtn {
width: 90px;
height: 38px;
float: right;
font-size: 16px;
cursor: pointer;
line-height: 38px;
text-align: center;
background-color: #cc9756;
border: none; }
.nav .navfirst .search .sebtn span {
font-weight: 400;
color: #ffffff; }
.nav .navfirst .search .se input {
cursor: text;
width: 442px;
height: 38px;
font-size: 14px;
padding: 2px 0px 2px 38px;
position: absolute;
left: 0px;
top: 0px;
overflow: hidden;
border: none; }
.nav .navfirst .cp {
width: 134px;
height: 38px;
color: #cc9756;
margin-top: 26px;
margin-left: 49px;
float: right;
border: 1px solid #cc9756;
border-radius: 20px 20px; }
.nav .navfirst .cp .cpnav {
padding-top: 8px;
padding-bottom: 8px;
width: 134px;
height: 38px; }
.nav .navfirst .cp .cpnav .cpnavone {
background-image: url(…/img/banner/icon-1.png);
background-repeat: no-repeat;
background-position: 0px -176px;
width: 18px;
height: 18px;
display: inline-block;
margin-left: 22px;
vertical-align: top; }
.nav .navfirst .cp .cpnav span {
font-size: 14px;
margin-left: 3px;
line-height: 21px;
margin-bottom: 3px; }
.nav .navfirst .cp .cpnav .cpnavtwo {
width: 19px;
height: 19px;
background-image: url(…/img/banner/icon-1.png);
background-repeat: no-repeat;
background-position: 0px -51px;
display: inline-block;
margin-left: 3px;
line-height: 20px;
text-align: center;
font-size: 12px;
color: #ffffff;
vertical-align: top; }
.navfirst a i {
width: 212px;
height: 60px;
margin-top: 25px;
background-image: url(…/img/banner/icon-1.png);
background-repeat: no-repeat;
background-position: 0px -303px;
display: block;
float: left; }
.navfirst a {
cursor: pointer;
float: left; }
.navfirst .navlist li:nth-child(1) {
padding-left: 0px; }
.navfirst .navlist li:nth-child(1) a {
color: #cc9756;
border-color: #cc9756; }
.navfirst .navlist li a:hover {
color: #cc9756;
border-color: #cc9756; }
.navfirst .navlist li:nth-child(11) {
padding-right: 0px; }
.bottom {
height: 567px;
border: 1px solid #E8E8E8; }
.bottom .bottop {
width: 1090px;
height: 299px;
margin: auto; }
.bottom .bottop .bp {
width: 1090px;
height: 204px;
margin: auto;
float: left;
padding-top: 60px;
padding-bottom: 34px; }
.bottom .bottop .bp .bpleft {
width: 362px;
height: 204px;
float: left; }
.bottom .bottop .bp .bpleft h5 {
font-size: 16px;
line-height: 16px;
margin-bottom: 28px;
text-align: center; }
.bottom .bottop .bp .bpleft a {
width: 80px;
height: 100px;
display: block;
border: 1px solid #ccc;
padding-top: 25px;
color: #00000f; }
.bottom .bottop .bp .bpleft a h6 {
font-size: 14px;
line-height: 26px;
margin-top: 10px;
text-align: center; }
.bottom .bottop .bp .bpleft a i {
width: 31px;
height: 26px;
display: inline-block;
margin-left: 23px; }
.bottom .bottop .bp .bpcenter {
width: 362px;
height: 204px;
float: left;
border-left: 1px solid #ccc; }
.bottom .bottop .bp .bpcenter h4 {
font-size: 16px;
line-height: 16px;
margin-bottom: 28px;
text-align: center; }
.bottom .bottop .bp .bpcenter p {
font-size: 13px;
line-height: 23px;
margin-bottom: 22px;
text-align: left;
width: 288.32px;
height: 67.2px;
margin: auto; }
.bottom .bottop .bp .bpcenter .bpct {
padding-right: 37px;
padding-left: 37px;
margin-top: 25px;
width: 362px;
height: 42px; }
.bottom .bottop .bp .bpcenter .bpct p {
float: left;
font-size: 14px;
line-height: 32px;
margin-right: 15px;
width: 70px;
height: 32px; }
.bottom .bottop .bp .bpcenter .bpct .bpctimg {
float: left;
width: 126px;
height: 42px; }
.bottom .bottop .bp .bpcenter .bpct .bpctimg div {
width: 32px;
height: 42px;
float: left; }
.bottom .bottop .bp .bpright {
width: 362px;
height: 204px;
float: left;
border-left: 1px solid #ccc;
overflow: hidden; }
.bottom .bottop .bp .bpright h4 {
text-align: center;
font-size: 16px;
line-height: 16px;
margin-bottom: 28px; }
.bottom .bottop .bp .bpright img {
width: 104px;
height: 104px;
margin-left: 127px; }
.bottom .bottop .bp .bpright p {
font-size: 12.8px;
line-height: 19.2px;
margin-top: 3px;
text-align: center;
color: #cc9756; }
.bottom .botbig {
height: 268px;
background-color: #414141; }
.bottom .botbig .botbot {
width: 1090px;
height: 268px;
margin: auto;
position: relative; }
.bottom .botbig .botbot .botborder {
width: 1090px;
height: 1px;
margin-bottom: 27px;
margin-top: 125px;
position: absolute;
background-color: #4F4F4F; }
.bottom .botbig .botbot .botlist {
float: left;
width: 1090px;
height: 51px;
margin-bottom: 30px;
padding-left: 17px;
margin-top: 40px; }
.bottom .botbig .botbot .botlist li {
float: left; }
.bottom .botbig .botbot .botnav {
width: 1090px;
height: 118px;
margin: auto;
color: #999999;
line-height: 18px;
text-align: center;
position: absolute;
top: 150px; }
.bottom .botbig .botbot .botnav p {
font-size: 12px;
line-height: 19.2px;
margin-bottom: 11px;
margin-top: 11px;
text-align: center;
width: 1090px;
height: 18px; }
.bottom .botbig .botbot .botnav .botbotlist {
float: left;
width: 1090px;
height: 18px;
margin-left: 150px; }
.bottom .botbig .botbot .botnav .botbotlist li {
float: left;
padding-left: 13px;
padding-right: 13px;
height: 17px;
border-right: 1px solid #4F4F4F;
text-align: center;
font-size: 12px;
line-height: 16px; }
.bpcenter .bpctimg div:nth-child(1) {
float: left;
margin-right: 15px;
padding-bottom: 10px; }
.bpcenter .bpctimg div:nth-child(2) {
float: left;
margin-right: 15px;
padding-bottom: 10px; }
.bpcenter .bpctimg div:nth-child(3) {
float: left;
padding-bottom: 10px; }
.bpleft a:nth-child(3) {
float: left;
margin-left: 29px; }
.bp .bpleft a:hover {
color: #cc9756; }
.bpleft a:nth-child(2) {
float: left;
margin-left: 83px; }
.botlist li div i {
width: 50px;
height: 50px;
margin-right: 17px; }
.botlist li div p {
font-size: 18px;
color: #ffffff;
line-height: 51px; }
.botlist li:nth-child(1) div {
width: 175px;
height: 51px; }
.botlist li:nth-child(1) div i {
width: 50px;
height: 50px;
background-image: url(…/img/banner/icon-2.png);
background-repeat: no-repeat;
background-position: 0px -134px;
display: block;
float: left; }
.botlist li:nth-child(1) div p {
width: 108px;
height: 50px;
float: left; }
.botlist li:nth-child(2) div i {
width: 50px;
height: 50px;
background-image: url(…/img/banner/icon-2.png);
background-repeat: no-repeat;
background-position: 0px -368px;
display: block;
float: left; }
.botlist li:nth-child(2) div p {
width: 130px;
height: 50px;
float: left; }
.botlist li:nth-child(3) div i {
width: 50px;
height: 50px;
background-image: url(…/img/banner/icon-2.png);
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
float: left; }
.botlist li:nth-child(3) div p {
width: 112px;
height: 50px;
float: left; }
.botlist li:nth-child(4) div i {
width: 50px;
height: 50px;
background-image: url(…/img/banner/icon-2.png);
background-repeat: no-repeat;
background-position: 0px -194px;
display: block;
float: left; }
.botlist li:nth-child(4) div p {
width: 73px;
height: 50px;
float: left; }
.botlist li:nth-child(2) {
margin-left: 122px;
margin-right: 122px; }
.botlist li:nth-child(3) {
margin-right: 122px; }
.bpleft a:nth-child(2) i {
background-image: url(…/img/banner/icon-2.png);
background-repeat: no-repeat;
background-position: 0px -290px; }
.bpleft a:nth-child(3) i {
background-image: url(…/img/banner/icon-2.png);
background-repeat: no-repeat;
background-position: 0px -98px; }
.bpctimg div:nth-child(1) i {
background-image: url(…/img/banner/icon-2.png);
background-repeat: no-repeat;
background-position: 0px -470px;
width: 32px;
height: 32px;
display: inline-block; }
.bpctimg div:nth-child(2) i {
background-image: url(…/img/banner/icon-2.png);
background-repeat: no-repeat;
background-position: 0px -428px;
width: 32px;
height: 32px;
display: inline-block; }
.bpctimg div:nth-child(3) a {
background-image: url(…/img/banner/icon-2.png);
background-repeat: no-repeat;
background-position: 0px -326px;
width: 32px;
height: 32px;
display: inline-block; }
.botnav .botbotlist li:last-child {
border-right: none !important; }
.botnav .firstp {
margin-top: 30px !important;
white-space: nowrap; }
.botnav .thrtp a img {
width: 23px;
height: 25px;
vertical-align: top;
margin-top: -5px;
display: inline-block;
margin-left: 10px; }
.like {
width: 1090px;
height: 397px;
margin-top: 40px;
border: 1px solid #E8E8E8;
margin: auto;
margin-bottom: 80px; }
.like .likeimg {
width: 1088px;
height: 337px;
margin-top: 12px;
position: relative; }
.like .likeimg .swiper-button-prev {
position: absolute;
height: 30px;
width: 30px;
border-radius: 50%;
left: 35px; }
.like .likeimg .swiper-button-next {
position: absolute;
height: 30px;
width: 30px;
border-radius: 50%;
right: 50px; }
.like .likeimg .swiper-container {
width: 930px;
height: 337px;
margin-left: 79px;
margin-top: 12px; }
.like .likeimg .swiper-container .swiperlist {
width: 930px;
height: 337px;
float: left; }
.like .likeimg .swiper-container .swiperlist li {
float: left;
width: 210px;
height: 210px;
margin-right: 22px; }
.like .likeimg .swiper-container .swiperlist li .imgnav {
width: 210px;
height: 70.18px;
margin-top: 5px; }
.like .likeimg .swiper-container .swiperlist li .imgnav h4 {
margin-top: 19px;
font-size: 14.4px;
font-weight: 700;
line-height: 20px;
text-align: center;
color: #333333; }
.like .likeimg .swiper-container .swiperlist li .imgnav p span {
color: #D4282D;
font-size: 14.4px;
line-height: 22px;
text-align: center;
margin-left: 80px; }
.like .likeimg .swiper-container .swiperlist li img {
width: 100%;
height: 100%; }
.like .likeone {
width: 1088px;
height: 44px;
background-color: #F5F5F5; }
.like .likeone span {
font-size: 17px;
line-height: 44px;
margin-left: 30px;
font-weight: bold; }
.cartnav {
width: 1090px;
height: 40px;
margin-top: 10px !important;
margin: auto;
border: 1px solid #EAEAEA; }
.cartnav .navone {
width: 169px;
height: 37.6px;
float: left; }
.cartnav .navone span {
font-size: 14px;
line-height: 38px;
margin-left: 30px; }
.cartnav .navtwo {
float: right;
background-color: #E36844;
width: 89px;
height: 38px; }
.cartnav .navtwo span {
font-size: 12.8px;
line-height: 38px;
text-align: center;
color: #ffffff;
margin-left: 30px; }
.cartmain {
width: 1090px;
/* height: 567.49px; /
margin-top: 10px !important;
padding-bottom: 40px;
margin: auto; }
.cartmain .carttop {
width: 1090px;
/ height: 447.49px; / }
.cartmain .carttop .catone {
width: 1090px;
height: 46.49px;
background-color: #F5F5F5; }
.cartmain .carttop .catone .tt {
width: 1090px;
height: 46px;
padding-bottom: 12px;
padding-top: 12px;
margin-bottom: 20px; }
.cartmain .carttop .catone .tt .w-w1 {
float: left;
margin-left: 20px;
width: 139px;
height: 20.1px; }
.cartmain .carttop .catone .tt .w-w1 span {
margin-left: 14px;
color: #333333;
font-size: 13px; }
.cartmain .carttop .catone .tt .w-w2 {
float: left;
width: 300px;
height: 19.2px; }
.cartmain .carttop .catone .tt .w-w3 {
float: left;
width: 180px;
height: 19.2px; }
.cartmain .carttop .catone .tt .w-w4 {
float: left;
width: 170px;
height: 19.2px; }
.cartmain .carttop .catone .tt .w-w5 {
float: left;
width: 150px;
height: 19.2px;
padding-right: 30px; }
.cartmain .carttop .catone .tt .w-w6 {
float: left;
width: 129px;
height: 19.2px;
padding-right: 31px; }
.cartmain .carttop .cattwo {
width: 1090px;
/ height: 381px; / }
.cartmain .carttop .cattwo .cat {
width: 1090px;
/ height: 326px; /
background-color: #FFFBF0;
border: 1px solid #EAEAEA; }
.cartmain .carttop .cattwo .cat .emptystatus {
width: 1088px;
height: 263.47px;
background-color: #fff; }
.cartmain .carttop .cattwo .cat .emptystatus .emptyCart {
width: 180px;
height: 180px;
margin: auto;
background-image: url(…/img/banner/20.png);
background-repeat: no-repeat;
background-position: 0px -570px; }
.cartmain .carttop .cattwo .cat .emptystatus .emptyText {
width: 1088px;
height: 23.47px;
font-size: 16px;
color: #999;
text-align: center; }
.cartmain .carttop .cattwo .cat .emptystatus p {
width: 1088px;
height: 40px;
margin-top: 20px; }
.cartmain .carttop .cattwo .cat .emptystatus p a {
width: 100px;
height: 40px;
font-size: 16px;
line-height: 38px;
color: #b4a078;
background-color: #f5f3ef;
border-radius: 2px;
display: inline-block;
text-align: center; }
.cartmain .carttop .cattwo .cat .emptystatus p span {
width: 100px;
height: 40px;
margin-right: 18px;
line-height: 38px;
border: 1px solid #b4a078;
background-color: #b4a078;
font-size: 16px;
color: #ffffff;
display: inline-block;
text-align: center;
margin-left: 432px; }
.cartmain .carttop .cattwo .cat .catitem {
width: 1088px;
height: 140px;
margin-top: 20px; }
.cartmain .carttop .cattwo .cat .catitem .catitem-w1 {
width: 59px;
height: 59px;
float: left; }
.cartmain .carttop .cattwo .cat .catitem .catitem-w1 input {
width: 18px;
height: 18px;
margin-top: 30px;
margin-left: 30px; }
.cartmain .carttop .cattwo .cat .catitem .catitem-w2 {
width: 400px;
height: 100px;
float: left;
position: relative;
/ overflow: hidden; / }
.cartmain .carttop .cattwo .cat .catitem .catitem-w2 .pic {
border: 1px solid #EAEAEA;
width: 98px;
height: 98px;
background-color: #F5F5F5; }
.cartmain .carttop .cattwo .cat .catitem .catitem-w2 .pic img {
width: 100%;
height: 100%; }
.cartmain .carttop .cattwo .cat .catitem .catitem-w2 .namecon {
padding-top: 10px;
display: inline-block;
position: absolute;
top: 10px;
left: 123px; }
.cartmain .carttop .cattwo .cat .catitem .catitem-w2 .namecon p {
font-size: 14px; }
.cartmain .carttop .cattwo .cat .catitem .catitem-w3 {
width: 180px;
height: 34px;
float: left; }
.cartmain .carttop .cattwo .cat .catitem .catitem-w3 h2 {
padding-top: 20px;
padding-bottom: 10px;
margin-left: -10px; }
.cartmain .carttop .cattwo .cat .catitem .catitem-w3 h2 span {
font-size: 14px; }
.cartmain .carttop .cattwo .cat .catitem .catitem-w4 {
width: 170px;
height: 40px;
float: left;
padding-top: 10px;
padding-bottom: 14px; }
.cartmain .carttop .cattwo .cat .catitem .catitem-w4 .textcon {
width: 118px;
height: 26px;
border: 1px solid #DDDDDD;
margin-left: -40px;
margin-top: 10px;
background-color: #ffffff; }
.cartmain .carttop .cattwo .cat .catitem .catitem-w4 .textcon span {
width: 24px;
height: 24px;
cursor: pointer;
display: inline-block;
text-align: center;
color: #999999; }
.cartmain .carttop .cattwo .cat .catitem .catitem-w5 {
width: 150px;
height: 34px;
float: left;
padding-top: 20px;
margin-left: -10px; }
.cartmain .carttop .cattwo .cat .catitem .catitem-w5 p {
padding-right: 30px;
margin-bottom: 10px;
color: #D4282D;
font-size: 14px; }
.cartmain .carttop .cattwo .cat .catitem .catitem-w6 {
width: 129px;
height: 47.2px;
float: left;
padding-left: 3px;
margin-top: 10px; }
.cartmain .carttop .cattwo .cat .catitem .catitem-w6 a {
padding-top: 10px;
color: #666666;
font-size: 14px;
display: block; }
.cartmain .carttop .cattwo .cat .catdata {
width: 998px;
height: 43px;
margin-left: 60px;
margin-left: 30px;
border-bottom: 1px solid #EAEAEA; }
.cartmain .carttop .cattwo .caf {
width: 1090px;
height: 45px;
margin-top: 20px;
margin-bottom: 10px;
background-color: #FFFBF0;
border: 1px solid #EAEAEA; }
.cartmain .carttop .cattwo .caf .wrap {
width: 1088px;
height: 43px;
padding-left: 60px;
padding-right: 30px; }
.cartmain .cartbot {
width: 1090px;
height: 70px;
border: 1px solid #EAEAEA;
background-color: #F5F5F5;
margin-top: 10px; }
.cartmain .cartbot .cbone {
width: 296.21px;
height: 22.63px;
float: left;
margin-left: 22px;
margin-top: 24px; }
.cartmain .cartbot .cbone input {
background-color: #ffffff;
text-align: start;
width: 18px;
height: 18px;
vertical-align: middle; }
.cartmain .cartbot .cbone span {
font-size: 14px;
line-height: 21px; }
.cartmain .cartbot .cbone a {
font-size: 14px;
line-height: 21px;
margin-left: 26px;
color: #333333; }
.cartmain .cartbot .cbtwo {
width: 228.66px;
height: 70px;
float: right;
margin-right: 275px; }
.cartmain .cartbot .cbtwo h5 {
padding-top: 16px;
font-size: 14px;
color: #999999;
line-height: 14px;
margin-left: 10px;
margin-right: 10px; }
.cartmain .cartbot .cbtwo h5 span {
margin-left: 43px; }
.cartmain .cartbot .cbtwo p {
padding-top: 10px;
margin-left: 10px;
margin-right: 10px;
font-size: 14px;
color: #999999;
line-height: 14px; }
.cartmain .cartbot .cbtwo p span {
margin-left: 47px; }
.cartmain .cartbot .cbthr {
width: 244.25px;
height: 70px;
float: right;
margin-right: -490px; }
.cartmain .cartbot .cbthr p {
padding-top: 8px;
font-size: 14px;
color: #BE4141;
text-align: right;
padding-right: 30px; }
.cartmain .cartbot .cbthr h6 {
margin-top: 12px;
padding-left: 30px;
padding-right: 30px;
/ margin-right:20px; /
font-size: 14px;
line-height: 22px;
vertical-align: top; }
.cartmain .cartbot .cbthr h6 span {
font-size: 22px;
color: #BE4141;
font-weight: 700;
vertical-align: top;
margin-left: 6px; }
.cartmain .cartbot .cbfour {
float: right;
width: 140px;
height: 70px;
background-color: #B4A078;
/ border: 1px solid #B4A078; /
font-size: 18px;
line-height: 50px;
color: #ffffff;
/ display: inline-block; */ }
.cbtwo h5 span span:nth-child(2) {
margin-left: 0px !important; }
.cbtwo p span span:nth-child(2) {
margin-left: 0px !important; }
.cbthr h6 span span:nth-child(2) {
margin-left: 0px !important; }
.wrap span:nth-child(1) {
background-color: #E36844;
display: block;
float: left;
width: 62px;
height: 20px;
margin-right: 10px;
margin-top: 11px;
padding-right: 5px;
padding-left: 5px;
color: #ffffff;
font-size: 12px; }
.wrap span:nth-child(2) {
margin-right: 20px;
color: #666666;
font-size: 14px;
line-height: 42px; }
.wrap a:nth-child(1) {
background-color: #ffffff;
border: 1px solid #D4282D;
line-height: 22px;
display: inline-block;
width: 66px;
height: 24px;
margin-right: 20px !important;
color: #D4282D;
font-size: 12px; }
.wrap a:nth-child(2) {
line-height: 42px;
color: #6699CC;
font-size: 14px; }
.catdata span:nth-child(1) {
background-color: #E36844;
display: block;
float: left;
width: 36px;
height: 20px;
margin-right: 10px;
margin-top: 11px;
padding-right: 5px;
padding-left: 5px;
color: #ffffff;
font-size: 12px; }
.catdata span:nth-child(2) {
margin-right: 20px;
color: #666666;
font-size: 14px;
line-height: 42px; }
.catitem-w4 .textcon span:nth-child(2) {
width: 58px !important;
height: 26px !important;
text-align: center !important;
border: 1px solid #DDDDDD !important;
border-top: none !important;
/* border-bottom: none; */ }
三、js
$(function(){
if(localStorage.getItem("goods")){var goodsArr=JSON.parse(localStorage.getItem("goods"))$.ajax({url:"../date/carts.json",dataType:"json",type:"get",success:function(data){$.each(goodsArr,function(goodindex,gooditem){$.each(data,function(index,item){var arr=item.priceif(gooditem.code===item.code){var dom=``;dom+=`<div class="catitem"><div class="catitem-w1"><input type="checkbox" class="ipt"></div><div class="catitem-w2"><div class="pic"><img src="${item.imgurl}" alt=""></div><div class="namecon"><p>${item.title}</p><h3>1个装</h3><i></i></div></div><div class="catitem-w3"><h2><span><span>¥${item.price}</span></span></h2></div><div class="catitem-w4"><div class="textcon"><span class="next">-</span><span code="${item.code}" class="change">${gooditem.num}</span><span class="prev">+</span></div></div><div class="catitem-w5"><p price="${item.price}">¥${arr*gooditem.num}</p></div><div class="catitem-w6"><a href="#">移入收藏夹</a><a href="javascript:;" code="${item.code}" class="w6">删除</a></div></div>` $(".cat").append(dom);} }) })/* }) */ }})//删除$(".cat").on("click",".catitem-w6 .w6",function(){$(this).parent().parent().remove()var code=$(this).attr("code")$.each(goodsArr,function(index,item){if(item.code===code){goodsArr.splice(index,1)return false}})if(goodsArr.length>0){localStorage.setItem("goods",JSON.stringify(goodsArr)) }else{localStorage.removeItem("goods")var nodata = `<div class="emptystatus"><div class="emptyCart"></div><div class="emptyText">购物车还是空滴</div><p><span>登录</span><a href="#">继续逛</a></p></div>`$('.cat').html(nodata)}alert( "商品移出成功")})//增加按钮
$(".cat").on("click",".catitem-w4 .textcon .prev",function(){
var num=$(this).siblings(".change").text();
num++;
$(this).siblings(".change").text(num);
var newNum= $(this).siblings(".change").text();
var price=$(this).parent().parent().siblings(".catitem-w5").children("p").attr("price")
var lastprice=price*newNum;
$(this).parent().parent().siblings(".catitem-w5").children("p").text("¥"+lastprice)//增加按钮计算总数价格
if( $(this).parent().parent().siblings(".catitem-w1").children("input").prop("checked")){
var sumprice=0;
$(".catitem-w1 input").each(function(index,item){if($(item).prop("checked")){sumprice+=Number($(item).parent().siblings(".catitem-w5").children("p").text().split("¥").splice(1,1)) $(".cbthr h6 span .cbthrnum").text(sumprice) }})}var code=$(this).siblings(".change").attr("code");
$.each(goodsArr,function(index,item){if(item.code===code){goodsArr[index].num=numlocalStorage.setItem("goods",JSON.stringify(goodsArr))}})
})//减少按钮
$(".cat").on("click",".catitem-w4 .textcon .next",function(){
var num=$(this).siblings(".change").text();
num--;
if(num<1){alert("本商品一件起售")return false
}
$(this).siblings(".change").text(num);
var newNum= $(this).siblings(".change").text();//数量
var price=$(this).parent().parent().siblings(".catitem-w5").children("p").attr("price")
var lastprice=price*newNum;//总额
$(this).parent().parent().siblings(".catitem-w5").children("p").text("¥"+lastprice)//减少按钮后计算总数价格
if( $(this).parent().parent().siblings(".catitem-w1").children("input").prop("checked")){var sumprice=0;$(".catitem-w1 input").each(function(index,item){if($(item).prop("checked")){sumprice+=Number($(item).parent().siblings(".catitem-w5").children("p").text().split("¥").splice(1,1)) $(".cbthr h6 span .cbthrnum").text(sumprice) }})}var code=$(this).siblings(".change").attr("code");
$.each(goodsArr,function(index,item){if(item.code===code){goodsArr[index].num=numlocalStorage.setItem("goods",JSON.stringify(goodsArr))}})})//判断多选框为全选时全选框选中,不全选就不选中
$(".cat").on("click",".catitem-w1 .ipt",function(){var flag=true/* var price=0 */$(".catitem-w1 .ipt").each(function(index,item){if(!$(item).prop("checked")){$(".tt .w-w1 input").prop("checked",false)$(".cartbot .cbone input").prop("checked",false) flag=false;return false;}})if(flag){$(".tt .w-w1 input").prop("checked",true)$(".cartbot .cbone input").prop("checked",true)}})//上面点击全选就全选,为true时计算件数和总钱数,为false直接清0/* $(".tt .w-w1 input").click(function(){if($(this).prop("checked")){$(".cat .catitem-w1 .ipt").prop("checked",true)$(".cartbot .cbone input").prop("checked",true)var number=goodsArr.length$(".cbone span .cbonenum").text(number)var price=0;$(".catitem-w1 input:checked").each(function(index,item){price+= Number($(item).parent().siblings(".catitem-w5").children("p").text().split("¥").splice(1,1))$(".cbthr h6 span .cbthrnum").text(price)})}else{$(".cartbot .cbone input").prop("checked",false)$(".cat .catitem-w1 .ipt").prop("checked",false)$(".cbone span .cbonenum").text(0)$(".cbthr h6 span .cbthrnum").text(0)}}) *///下面点击全选就全选,为true时计算件数和总钱数,为false直接清0$(".cartbot .cbone input").click(function(){if($(this).prop("checked")){$(".cat .catitem-w1 .ipt").prop("checked",true)$(".tt .w-w1 input").prop("checked",true)var number=goodsArr.length$(".cbone span .cbonenum").text(number)var price=0;$(".catitem-w1 input").each(function(index,item){if($(item).prop("checked")){price+=Number($(item).parent().siblings(".catitem-w5").children("p").text().split("¥").splice(1,1)) $(".cbthr h6 span .cbthrnum").text(price) }})}else{$(".cat .catitem-w1 .ipt").prop("checked",false)$(".tt .w-w1 input").prop("checked",false)$(".cbone span .cbonenum").text(0)$(".cbthr h6 span .cbthrnum").text(0)}})//计算总价格 $(".cat").on("click",".catitem .catitem-w1 input",function(){var sumprice=0;$(".catitem input").each(function(index,value){if($(value).prop("checked")){sumprice+=Number($(value).parent().siblings(".catitem-w5").children("p").text().split("¥").splice(1,1)) }$(".cbthr h6 span .cbthrnum").text(sumprice) })})//计算件数
$(".cat").on("click",".catitem-w1 input",function(){$(this).each(function(index,item){if($(item).prop("checked")){var number=index+1$(".cbone span .cbonenum").text(number) }else{$(".cbone span .cbonenum").text(0)}})
})
$(".cat").on("click",".catitem-w1 input",function(){$(".catitem-w1 input:checked").each(function(index,item){var number=index+1$(".cbone span .cbonenum").text(number) })
})}else{var nodata = `<div class="emptystatus"><div class="emptyCart"></div><div class="emptyText">购物车还是空滴</div><p><span>登录</span><a href="#">继续逛</a></p>
</div>`$('.cat').html(nodata)}})
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- M.2接口扫盲
M.2接口扫盲 提及M.2,首先让人想到的是M.2 SSD,然而,M.2不仅仅是M.2 SSD,它是一种标准的连接器接口,即我们以前经常提到的 NGFF(Next Generation Form Factor),是由HP主导的一个PC…...
2024/5/10 11:44:41 - 分布式事务前看懂CAP、BASE
CAP、BASE跟后面要看的分布式事务有直接的关系,但是这两个分布式的理论对我们研究分布式系统里面的一些技术和方案都是作为基础的知识需要掌握的 这个CAP这个东西啊,也是个在研究分布式相关的问题中,比较经典的这么一个理论,大家在…...
2024/4/24 20:40:36 - 想学非标机械设计的朋友看过来!不然后悔终生!
想学非标机械设计的朋友看过来!不然后悔终生! 一、非标机械设计具体是什么? 简单的说就是非标准设备以及非标准件、 非标准工装的设计。 举例说: C616 C620 C630 C6125 M7475 B650 M131 等这些设备已经是机加工行业众所周知的标准…...
2024/4/26 23:44:11 - sshd防暴力破解及fail2ban的使用方法 (亲测)
内容: • 实战:sshd服务防止暴力破解和fail2ban使用方法 • 实验环境: • 服务端:133 IP:192.168.182.133 • 客户端: 135 IP:192.168.182.135 SSHD服务一般暴力破解步骤: 1、 找到对应的linux服务器 Ip地址 2、 扫描端口号:22 3、 开始暴力破解 : 一般root 破解你的…...
2024/5/10 8:42:29 - Dialogue-Based Relation Extraction
基于对话的关系抽取Abstract1.Introduction2.Data Construction2.1Relation Schema2.2Annotation2.3Negative Instance Generation, Data Split, and Speaker Name Anonymization3 Data Comparisons and Discussions3.1Comparison Between DialogRE and SFArgument Type:Distan…...
2024/4/24 0:16:27 - 静态分析技术-1 基本块与Control Flow Graph
一. CFG(Control Flow Graph)概览 CFG是一种编译过程中代码的表示形式,以图的形式表示代码的控制流信息。 CFG通常面向机器语言构建,因为机器语言每条语句较为简单,其控制流绘制起来更为清晰,下图即为一个简…...
2024/5/10 8:24:47 - 微信小程序开发中的坑合集(不定时更新)
1.new Date()时候:ios(YYYY/MM/dd),安卓(YYY-MM-dd)否则为空。 2....
2024/4/21 23:18:52 - openssl如何在Windows安装?
1、openssl官网 https://www.openssl.org/ https://www.openssl.org/source/ https://github.com/openssl/openssl 2、openssl如何在Windows安装? OpenSSL官网没有提供windows版本的安装包,可以选择第三方提供的安装包: http://slproweb…...
2024/4/24 3:57:26 - 面试题:面向对象的特征有哪些方面?
1.抽象 2.继承 3.封装 4.多态 -抽象:将拥有共同特征的一类事物用类来描述。 -继承:子类继承父类的属性。当多个类中定义了相同的共性内容(相同的成员变量和成员方法)时,为了提高代码的复用性,就将这多个类中相同的共性内容抽取出…...
2024/3/23 14:59:42 - React hooks函数的使用方法
1、箭头函数 import React, {useState} from "react";const App1 () > {const [count, setCount] useState(0);return (<div><button onClick{event > setCount(count 1)}>count:{count}</button></div>) } export default App1; …...
2024/5/10 11:02:41 - 力扣刷题Python笔记:
题目 编写一个程序,找到两个单链表相交的起始节点。 来源:力扣(LeetCode) Python解法 双指针+链表拼接 这道题我原本想的是从两个链表的尾部开始向前寻找,直到找到两链表的节点不同位置,那么…...
2024/3/30 5:57:14 - EOCR-3DE电动机保护器安装调试选型手册
EOCR-3DE选型 EOCR-3DE安装 EOCR-3DE调试 EOCR-3DE外形尺寸 EOCR-3DE接线图 EOCR-3DE技术参数 EOCR-3DE保护功能 EOCR-3DE原产地 EOCR-3DE品牌 EOCR3DE-WRDB,EOCR3DE-H1DB,EOCR3DE-HHDB,EOCR3DE-H2DB,EOCR3DE-H3DB,EOCR3DE-H4DB EOCR3DE-WRDF7,EOCR3DE-WH1DF7,EOCR3DE-HHDF7,…...
2024/3/23 15:41:45 - c++实现学生成绩管理系统
学生成绩管理系统课程设计,作为计算机科学专业学生的一门必修课,印象非常深刻,上机,编码,写报告,答辩,最后很多人勉强完成了功课,但是却很少能学到东西,算是一种遗憾吧&a…...
2024/5/10 4:52:06 - 解决分布式事务的思路?
1、CAP定理 2、BASE理论 3、undo和redo...
2024/4/10 7:36:19 - 【动态规划】Acwing1016 最大上升子序列的和【线性dp】
传送门 Acwing1016 最大上升子序列的和 思路 状态表示:f[i]f[i]f[i]表示以iii结尾的最大上升子序列的和。 状态转移:f[i]f[i]f[i] max(f[i],f[j]a[i])max(f[i],f[j]a[i])max(f[i],f[j]a[i]) if a[i]>a[j] AC代码 #pragma GCC optimize("Of…...
2024/5/10 8:46:59 - 弘辽科技:如何增加拼多多商品权重?掌握5点核心要素
原标题《弘辽科技:如何增加拼多多商品权重?掌握5点核心要素》 拼多多店铺的各个方面的数据,和店铺的权重是不能分割的,店铺权重与店铺数据成正比,店铺权重越高,排名也随之越靠前,自然而然&…...
2024/5/10 12:56:50 - 广播的注册、发送和接收过程 面试 笔记
面试小结 广播的动态注册时序图 //#################################分割线 ################################################# ContextImpl 到 AMS 的调用过程时序图 //#################################分割线 ################################################# AMS…...
2024/3/30 1:29:09 - Content Provider 面试 笔记
面试小结 query 方法到AMS 调用过程的时序图 //#################################分割线 ################################################# AMS启动Content Provider 的过程时序图...
2024/4/24 20:40:53 - eclipse的一些最基本快捷键
1.快速补全语句 Alt / 比如这行代码: System.out.println();只需要敲个syso再加上快捷键就ok了 2.新建项目 Ctrl n在方法中选择Java project即可 3.多行注销 Ctrl / 取消注销 Ctrl / // g.setColor(Color.RED); // g.fillArc(75,75, 100, 100, 25, 165); //…...
2024/4/24 20:40:50 - [CCF-CSP]2014-09-1-相邻数对
[CCF-CSP]2014-09-1-相邻数对 试题编号: 201409-1 试题名称: 相邻数对 时间限制: 1.0s 内存限制: 256.0MB 问题描述: 问题描述 给定n个不同的整数,问这些数中有多少对整数,它们的值正好相…...
2024/4/24 20:40:41
最新文章
- 泰迪科技2024中职大数据实训室方案解读
中职在大数据专业建设所遇到的困难 数据、信息安全、人工智能等新信息技术产业发展迅猛,人才极其匮乏,各个中职院校纷纷开设相应的专业方向。但是,绝大多数院校因为师资和积累问题,在专业建设规划、办学特色提炼、创新教学模…...
2024/5/10 14:06:08 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/5/9 21:23:04 - milvus search api的数据结构
search api的数据结构 此api的功能是向量相似度搜索(vector similarity search) 一个完整的search例子: 服务端collection是一个hnsw类型的索引。 import random from pymilvus import (connections,Collection, )dim 128if __name__ __main__:connections.connect(alias…...
2024/5/9 19:03:13 - OpenHarmony开发-连接开发板调试应用
在 OpenHarmony 开发过程中,连接开发板进行应用调试是一个关键步骤,只有在真实的硬件环境下,我们才能测试出应用更多的潜在问题,以便后续我们进行优化。本文详细介绍了连接开发板调试 OpenHarmony 应用的操作步骤。 首先…...
2024/5/10 7:23:12 - Java深度优先搜索DFS(含面试大厂题和源码)
深度优先搜索(Depth-First Search,简称DFS)是一种用于遍历或搜索树或图的算法。DFS 通过沿着树的深度来遍历节点,尽可能深地搜索树的分支。当节点v的所在边都已被探寻过,搜索将回溯到发现节点v的那条边的起始节点。这个…...
2024/5/10 0:59:45 - 416. 分割等和子集问题(动态规划)
题目 题解 class Solution:def canPartition(self, nums: List[int]) -> bool:# badcaseif not nums:return True# 不能被2整除if sum(nums) % 2 ! 0:return False# 状态定义:dp[i][j]表示当背包容量为j,用前i个物品是否正好可以将背包填满ÿ…...
2024/5/10 1:36:26 - 【Java】ExcelWriter自适应宽度工具类(支持中文)
工具类 import org.apache.poi.ss.usermodel.Cell; import org.apache.poi.ss.usermodel.CellType; import org.apache.poi.ss.usermodel.Row; import org.apache.poi.ss.usermodel.Sheet;/*** Excel工具类** author xiaoming* date 2023/11/17 10:40*/ public class ExcelUti…...
2024/5/9 7:40:42 - Spring cloud负载均衡@LoadBalanced LoadBalancerClient
LoadBalance vs Ribbon 由于Spring cloud2020之后移除了Ribbon,直接使用Spring Cloud LoadBalancer作为客户端负载均衡组件,我们讨论Spring负载均衡以Spring Cloud2020之后版本为主,学习Spring Cloud LoadBalance,暂不讨论Ribbon…...
2024/5/9 2:44:26 - TSINGSEE青犀AI智能分析+视频监控工业园区周界安全防范方案
一、背景需求分析 在工业产业园、化工园或生产制造园区中,周界防范意义重大,对园区的安全起到重要的作用。常规的安防方式是采用人员巡查,人力投入成本大而且效率低。周界一旦被破坏或入侵,会影响园区人员和资产安全,…...
2024/5/10 2:07:45 - VB.net WebBrowser网页元素抓取分析方法
在用WebBrowser编程实现网页操作自动化时,常要分析网页Html,例如网页在加载数据时,常会显示“系统处理中,请稍候..”,我们需要在数据加载完成后才能继续下一步操作,如何抓取这个信息的网页html元素变化&…...
2024/5/10 8:07:24 - 【Objective-C】Objective-C汇总
方法定义 参考:https://www.yiibai.com/objective_c/objective_c_functions.html Objective-C编程语言中方法定义的一般形式如下 - (return_type) method_name:( argumentType1 )argumentName1 joiningArgument2:( argumentType2 )argumentName2 ... joiningArgu…...
2024/5/9 5:40:03 - 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】
👨💻博客主页:花无缺 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 本文由 花无缺 原创 收录于专栏 【洛谷算法题】 文章目录 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】🌏题目描述🌏输入格…...
2024/5/10 8:16:30 - 【ES6.0】- 扩展运算符(...)
【ES6.0】- 扩展运算符... 文章目录 【ES6.0】- 扩展运算符...一、概述二、拷贝数组对象三、合并操作四、参数传递五、数组去重六、字符串转字符数组七、NodeList转数组八、解构变量九、打印日志十、总结 一、概述 **扩展运算符(...)**允许一个表达式在期望多个参数࿰…...
2024/5/10 2:07:43 - 摩根看好的前智能硬件头部品牌双11交易数据极度异常!——是模式创新还是饮鸩止渴?
文 | 螳螂观察 作者 | 李燃 双11狂欢已落下帷幕,各大品牌纷纷晒出优异的成绩单,摩根士丹利投资的智能硬件头部品牌凯迪仕也不例外。然而有爆料称,在自媒体平台发布霸榜各大榜单喜讯的凯迪仕智能锁,多个平台数据都表现出极度异常…...
2024/5/10 2:07:43 - Go语言常用命令详解(二)
文章目录 前言常用命令go bug示例参数说明 go doc示例参数说明 go env示例 go fix示例 go fmt示例 go generate示例 总结写在最后 前言 接着上一篇继续介绍Go语言的常用命令 常用命令 以下是一些常用的Go命令,这些命令可以帮助您在Go开发中进行编译、测试、运行和…...
2024/5/9 4:12:16 - 用欧拉路径判断图同构推出reverse合法性:1116T4
http://cplusoj.com/d/senior/p/SS231116D 假设我们要把 a a a 变成 b b b,我们在 a i a_i ai 和 a i 1 a_{i1} ai1 之间连边, b b b 同理,则 a a a 能变成 b b b 的充要条件是两图 A , B A,B A,B 同构。 必要性显然࿰…...
2024/5/9 7:40:35 - 【NGINX--1】基础知识
1、在 Debian/Ubuntu 上安装 NGINX 在 Debian 或 Ubuntu 机器上安装 NGINX 开源版。 更新已配置源的软件包信息,并安装一些有助于配置官方 NGINX 软件包仓库的软件包: apt-get update apt install -y curl gnupg2 ca-certificates lsb-release debian-…...
2024/5/9 19:47:07 - Hive默认分割符、存储格式与数据压缩
目录 1、Hive默认分割符2、Hive存储格式3、Hive数据压缩 1、Hive默认分割符 Hive创建表时指定的行受限(ROW FORMAT)配置标准HQL为: ... ROW FORMAT DELIMITED FIELDS TERMINATED BY \u0001 COLLECTION ITEMS TERMINATED BY , MAP KEYS TERMI…...
2024/5/10 10:17:11 - 【论文阅读】MAG:一种用于航天器遥测数据中有效异常检测的新方法
文章目录 摘要1 引言2 问题描述3 拟议框架4 所提出方法的细节A.数据预处理B.变量相关分析C.MAG模型D.异常分数 5 实验A.数据集和性能指标B.实验设置与平台C.结果和比较 6 结论 摘要 异常检测是保证航天器稳定性的关键。在航天器运行过程中,传感器和控制器产生大量周…...
2024/5/10 2:07:41 - --max-old-space-size=8192报错
vue项目运行时,如果经常运行慢,崩溃停止服务,报如下错误 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 因为在 Node 中,通过JavaScript使用内存时只能使用部分内存(64位系统&…...
2024/5/9 5:02:59 - 基于深度学习的恶意软件检测
恶意软件是指恶意软件犯罪者用来感染个人计算机或整个组织的网络的软件。 它利用目标系统漏洞,例如可以被劫持的合法软件(例如浏览器或 Web 应用程序插件)中的错误。 恶意软件渗透可能会造成灾难性的后果,包括数据被盗、勒索或网…...
2024/5/9 4:31:45 - JS原型对象prototype
让我简单的为大家介绍一下原型对象prototype吧! 使用原型实现方法共享 1.构造函数通过原型分配的函数是所有对象所 共享的。 2.JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象,所以我们也称为原型对象…...
2024/5/9 16:54:42 - C++中只能有一个实例的单例类
C中只能有一个实例的单例类 前面讨论的 President 类很不错,但存在一个缺陷:无法禁止通过实例化多个对象来创建多名总统: President One, Two, Three; 由于复制构造函数是私有的,其中每个对象都是不可复制的,但您的目…...
2024/5/10 1:31:37 - python django 小程序图书借阅源码
开发工具: PyCharm,mysql5.7,微信开发者工具 技术说明: python django html 小程序 功能介绍: 用户端: 登录注册(含授权登录) 首页显示搜索图书,轮播图࿰…...
2024/5/10 9:24:29 - 电子学会C/C++编程等级考试2022年03月(一级)真题解析
C/C++等级考试(1~8级)全部真题・点这里 第1题:双精度浮点数的输入输出 输入一个双精度浮点数,保留8位小数,输出这个浮点数。 时间限制:1000 内存限制:65536输入 只有一行,一个双精度浮点数。输出 一行,保留8位小数的浮点数。样例输入 3.1415926535798932样例输出 3.1…...
2024/5/10 10:40:03 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...
2022/11/19 21:17:16 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在iPhone上关闭“请勿打扰”
Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...
2022/11/19 21:16:57