发表于： 2020-01-09 23:06:52
1 1380
今天完成的事情：补完了重构页面的最后一段功能，学习了js的一些内容
明天计划的事情：继续任务学习js
遇到的问题：概念太多一时记不住，需要多练
收获：任务九最后的页面添加动态效果。效果图
添加了阴影点上去翻转的动画效果
代码
.Engineer {
.learning {
.Redtext {
color: red;
}
padding-left: 0.5vw;
}
.b5 {
.Specificwage {
display : flex;
justify-content: space-between;
padding-left : 1vw;
padding-right : 0.5vw;
}
border-left: solid 1px rgba(222, 222, 222, 0.5);
line-height: 78px;
text-align : center;
}
.frame {
img {
margin-left: 1vw;
}
.framepart {
margin: 0 0.5vw;
color : #999;
}
display : flex;
align-items: center;
white-space: nowrap;
}
.Jobdetails {
padding-top : 0.5vw;
padding-left: 0.5vw;
}
.Jobdescription {
.Jobillustrations {
background : url(./8/d1.png) no-repeat;
background-size: contain;
height: 104px;
}
padding : 1vw 0.5vw;
border-right: solid 1px rgba(222, 222, 222, 0.5);
border-left : solid 1px rgba(222, 222, 222, 0.5);
border-top : solid 1px rgba(222, 222, 222, 0.5);
}
.Engineerintroduction {
p {
text-align : center;
padding-top : 2vw;
padding-bottom: 2vw;
}
position : absolute;
height : 98%;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.7);
z-index : 1;
color : white;
padding : 2vw;
font-size : 10px;
transition: transform 2s;
}
padding-right: 1vw;
padding-top : 0.5vw;
}
学习了js 的一些概念内容，如
JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
<p>
JavaScript 能够直接写入 HTML 输出流中：
</p>
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
</script>
<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>
这个就是简单的一个js实例
明天继续学习
返回列表
评论