JQuery相关实例应用，京东最爱考的前端面试题

请登录

免费注册

我的品优购



购物车

全部商品

全选

-

+

-

+

-

+

全选

删除选中的商品

清理购物车

正品保障

正品保障，提供发票

正品保障

正品保障，提供发票

正品保障

正品保障，提供发票

正品保障

正品保障，提供发票

正品保障

正品保障，提供发票

品优购客户端

关于我们 | 联系我们 | 联系客服 | 商家入驻 | 营销中心 | 手机品优购 | 友情链接 | 销售联盟 | 品优购社区 | 品优购公益 | English Site | Contact U

地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
京ICP备08001421号京公网安备110108007702

CSS样式代码：

.car-header {

padding: 20px 0;

}

.car-logo img {

vertical-align: middle;

}

.car-logo b {

font-size: 20px;

margin-top: 20px;

margin-left: 10px;

}

.cart-filter-bar {

font-size: 16px;

color: #E2231A;

font-weight: 700;

}

.cart-filter-bar em {

padding: 5px;

border-bottom: 1px solid #E2231A;

}

.cart-thead {

height: 32px;

line-height: 32px;

margin: 5px 0 10px;

padding: 5px 0;

background: #f3f3f3;

border: 1px solid #e9e9e9;

border-top: 0;

position: relative;

}

.cart-thead>div,

.cart-item>div {

float: left;

}

.t-checkbox,

.p-checkbox {

height: 18px;

line-height: 18px;

padding-top: 7px;

width: 122px;

padding-left: 11px;

}

.t-goods {

width: 400px;

}

.t-price {

width: 120px;

padding-right: 40px;

text-align: right;

}

.t-num {

width: 150px;

text-align: center;

}

.t-sum {

width: 100px;

text-align: right;

}

.t-action {

width: 130px;

text-align: right;

}

.cart-item {

height: 160px;

border-style: solid;

border-width: 2px 1px 1px;

border-color: #aaa #f1f1f1 #f1f1f1;

background: #fff;

padding-top: 14px;

margin: 15px 0;

}

.check-cart-item {

background: #fff4e8;

}

.p-checkbox {

width: 50px;

}

.p-goods {

margin-top: 8px;

width: 565px;

}

.p-img {

float: left;

border: 1px solid #ccc;

padding: 5px;

}

.p-msg {

float: left;

width: 210px;

margin: 0 10px;

}

.p-price {

width: 110px;

}

.quantity-form {

width: 80px;

height: 22px;

}

.p-num {

width: 170px;

}

.decrement,

.increment {

float: left;

border: 1px solid #cacbcb;

height: 18px;

line-height: 18px;

padding: 1px 0;

width: 16px;

text-align: center;

color: #666;

margin: 0;

background: #fff;

margin-left: -1px;

}

.itxt {

float: left;

border: 1px solid #cacbcb;

width: 42px;

height: 18px;

line-height: 18px;

text-align: center;

padding: 1px;

margin: 0;

margin-left: -1px;

font-size: 12px;

font-family: verdana;

color: #333;

-webkit-appearance: none;

}

.p-sum {

font-weight: 700;

width: 145px;

}

/* 结算模块 */

.cart-floatbar {

height: 50px;

border: 1px solid #f0f0f0;

background: #fff;

position: relative;

margin-bottom: 50px;

line-height: 50px;

}

.select-all {

float: left;

height: 18px;

line-height: 18px;

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等

详细大厂面试题答案、学习笔记、学习视频等资料领取，点击资料领取直通车免费领取！

前端视频资料：
x;

line-height: 18px;

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

[外链图片转存中…(img-z9LFThI2-1712162675663)]

[外链图片转存中…(img-eLsMDjeq-1712162675664)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

[外链图片转存中…(img-8vihfoB1-1712162675664)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等

详细大厂面试题答案、学习笔记、学习视频等资料领取，点击资料领取直通车免费领取！

[外链图片转存中…(img-uX0JmAPS-1712162675664)]

前端视频资料：