1.css动画
动画原理及2D变换,过渡动画,3d变换和animation动画,渐变色和响应式布局
本节主要是涉及的动画特效,都是我们做页面时经常会用到的知识,能够让整个页面看着不会很单调,丰富了整体的内容。
transform:(平移)translate,(旋转)rotate,(缩放)scale,(倾斜)skew
transition:过渡动画
animation:过渡动画(过程写实的动画)
transform-style:preserve-3d(转变成一个3d空间) perspective:Xpx(灭点到屏幕的距离) perspective-origin:0 0 (灭点位置)
background-image:linear-gradient(direction(朝向),color1,color2,color3...)
@media screen and (min-width:600px) and (max-width:900px)
2.jquery
虽然现在市场上几乎不会用jquery开发新项目,但是还是会有一些老项目需要用本节的知识去维护,所以我们还是需要或多或少的去了解,其实也不复杂,相当于就是js的简洁版,基本的逻辑思维几乎一样。
let $box=$('.box')
$box.css('height','100px')
3.canvas画布
可以用在可视化数据,场景秀,游戏等,让我对图片有了更深的理解和相对的应用,可以做很多有趣的事情
ctx.fillRect(), ctx.strokeRect()
4.多媒体标签
网页除了一些特效页面以外,还会有音频和视频,就会用到多媒体标签,比如音乐播放器,视频播放器这些都是需要用到多媒体标签
音量滑块
audio.volume 声音
audio.currentTime 播放时间
audio.duration 总时间
inputRange.value 滑轮值
textContent 文本值
5.微信小程序
微信小程序也是我们日常生活中经常使用到的工具,便捷实用,我们也学习了相应的小程序开发,也开始有了数据库的相关知识了解和运用,并不是之前的假数据,运用更加变为整体