！！！CSS和JavaScript的基础课程我认为虽然不能说学了就真的掌握了，但还是挺有用的。主要是课后要自己花时间和精力去学得更详细，以及实战练习也是很重要的。
css基础知识
Casading规则、选择器、继承、值和单位、盒模型
布局和定位
常规流、弹性盒子、Grid、定位
层叠上下文
变形、过渡、动画
变形transform
2D相关属性 transform: translate(移动)、rotate(旋转) scale(放缩)、matrix(变形矩阵)等 transform-origin: right top、center等 表示变形时依据的原点
3D相关属性 transform: translate3d、rotate3d scale3d、matrix3d等 transform-origin: right top、50px 3Opx 等 表示变形时依据的原点 transform-style: flat 或 preserve-3d看子元素的3d表现 perspective：观看点距离z=0这个平面的距离 可以在transform中用perspective()使用作用为当前元素 也可以直接使用，给后代元素一个统一值 perspective-origin：观看者的位置，如 top、bottom等 backface-visibility：元素正面只有朝向观察者的时候可见
transition过渡
animation动画
animation-*相关属性用来为元素添加动画 animation-name：定义好的关键帧的名字 animation-duration;动画时长 animation-timing-function：动画节奏 animation-delay：延时开始的时间 animation-iteration-count：执行次数
animation-direction：是否反向或交替 animation-fill-mnode：动画执行前后的样式采用 animation-play-state：动画运行状态
响应式设计
响应式设计原则
媒体查询
相对长度 典型使用： em： 在非font-size属性中使用是相对于自身的字体大小 在font-size上使用是相对于父元素的字体大小 一般不在这个属性上使用,因为font-gize的继承特性,多重嵌套后大小会不断放大或缩小,产生混乱
绝对长度和视口
css生态相关
语言增强：预处理器、后处理器
工程架构：CSS模块化、CSS-In-Js、Atomic CSS
JS的基本概念
基本进程架构：
JS的基础知识：
JS是怎么执行的
JS执行过程：
JS的进阶知识点
闭包：
this：
垃圾回收：
