依据《网络安全法》,为保障您的账户安全和正常使用,请尽快完成手机号验证! 新版《京东隐私政策》已上线,将更有利于保护您的个人隐私。
京东不会以任何理由要求您转账汇款,谨防诈骗。
- QQ|
- 微信
- 立即注册
关于我们
|
联系我们
|
人才招聘
|
商家入驻
|
广告服务
|
手机京东
|
友情链接
|
销售联盟
|
京东社区
|
京东公益
|
Copyright © 2004-2020 京东JD.com 版权所有
CSS:
*{
margin: 0;
padding: 0;
}
/* 页面的外层 */
#warp{
width: 100vw;
height: 100vh;
}
/* —————顶部————— */
#top{
margin: 0 auto;
width: 1500px;
height: 80px;
background-color: white;
display: flex;
justify-content: space-around;
}
/* 顶部左边 */
.top-left{
margin: 10px 50px 0px 0px;
}
/* 顶部右边边 */
.top-right a{
position: relative;
color: #999;
float: right;
top: 52px;
line-height: 20px;
text-decoration: none;
font-size: 12px;
}
.top-right a:hover{
color: #E4393C;
text-decoration: underline;
}
/* —————顶部下面的提示文字————— */
.cont-wrapper{
background: #fff8f0;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.cont-wrapper img{
width: 17px;
height: 17px;
align-items: center;
}
.cont-wrapper p{
vertical-align: middle;
color: #999;
font-size: 12px;
display: inline-block;
}
.cont-wrapper a{
color: #333;
text-decoration: none;
}
.cont-wrapper a:hover{
text-decoration: underline;
}
/* —————中间表单部分————— */
#content{
/* width: 1200px; */
height: 450px;
margin: 0 auto;
background-color: #c4893b;
overflow: hidden;
}
/* 中间内容部分的外层 */
.login-wrap{
width: 900px;
height: 475px;
margin: 0 auto;
display: flex;
position: relative;
}
/* 中间背景图 */
.login-banner{
width: 100%;
position: relative;
z-index: 3;
height: 475px;
background: url(…/img/bg.jpg) no-repeat;
/* background-size: cover; */
position: absolute;
left: -50px;
bottom: 22px;
}
/* ———登陆表单部分——— */
.login-form{
width: 346px;
/* height: 426px; */
position: absolute;
top: 20px;
right: -30px;
z-index: 4;
background: #fff;
overflow: visible;
}
/* 扫码登陆和账户登录选项 */
.login-tab{
height: 54px;
display: flex;
line-height: 54px;
text-align: center;
}
.login-tab div{
width: 50%;
border-bottom: 1px solid #f4f4f4;
}
.login-tab a{
font-size: 18px;
border-bottom: 1px solid #f4f4f4;
color: #666;
text-decoration: none;
}
.login-tab a:hover{
color: #e4393c;
font-weight: bold;
}
.login-tab-right a{
color: #e4393c;
font-weight: bold;
}
/* 中间主要表单部分 */
.login-box{
margin-top: 30px;
text-align: center;
position: relative;
}
.login-box-1,.login-box-2{
height: 38px;
width: 304px;
margin: 0 auto;
border: 1px solid #bdbdbd;
position: relative;
margin-bottom: 20px;
}
.login-box-1 label{
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 38px;
height: 38px;
border-right: 1px solid #bdbdbd;
background: url(…/img/pwd-icons-new.png);
}
.login-box-2 label{
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 38px;
height: 38px;
border-right: 1px solid #bdbdbd;
background: url(…/img/pwd-icons-new.png);
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
javascript是前端必要掌握的真正算得上是编程语言的语言,学会灵活运用javascript,将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识,而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的,直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后,发现暂时没有提升的空间,我们可以暂时放一放。继续下面的学习,javascript贯穿我们前端工作中,在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解,关键是灵活运用。
!**[外链图片转存中…(img-1w3WR91y-1713489609717)]
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
[外链图片转存中…(img-2QqLsr9S-1713489609718)]
最后
javascript是前端必要掌握的真正算得上是编程语言的语言,学会灵活运用javascript,将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识,而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的,直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后,发现暂时没有提升的空间,我们可以暂时放一放。继续下面的学习,javascript贯穿我们前端工作中,在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解,关键是灵活运用。
[外链图片转存中…(img-lMMbwY7D-1713489609718)]
[外链图片转存中…(img-GiuDUfIh-1713489609718)]