-
为什么walk()里已经创建了dfd,unwrapp()里还要创建dfd？还有怎么知道哪些方法需要异步哪些又不需要？查看全部
-
16px = 1rem查看全部
-
呈现3d效果需要3部分 父元素或者当前运动元素上设置透视角perspective，perspective属性的值决定了3D效果的强度 3D视图，设置在父元素上，子元素都可以相对与父元素的平面进行3d变形操作 3D变形函数，translate3d、scale3d、rotateX、rotateY、rotateZ等等查看全部
-
1.圣诞采用rem布局，rem相对于html的font-size做参考；查看全部
-
CSS3的Animation有八个属性 animation-name ：动画名 animation-duration：时间 animation-delay：延时 animation-iteration-count：次数 animation-direction：方向 animation-play-state：控制 animation-fill-mode：状态 animation-timing-function：关键帧变化查看全部
-
采用新的rem布局代替百分比布局方案 采用简单的面向对象编程 类的形式对每一个页面场景元素都做了一定的封装 引入了观察者模式的处理机制 引入了svg概念，通过svg绘制矢量图 精灵动画部分依旧采用大量的 CSS3 animation动画的steps关键帧，但是不同的是，解决了自适应雪碧图的问题 元素运动部分优化了CSS3过渡与变换的使用 新增了video视频元素的使用 新增了3d旋转木马的效果实现 新增了canvas版的雪花实现 编程思路： 1.rem的布局 2.帧动画的原理 3.面向对象的编程 4..设计模式和异步代码梳理 5.canvas绘图、svg绘图 6.精灵动画的实现及如何营造3d效果 技术分解点 如何做rem布局 帧动画的原理 如何营造3d效果 设计模式和异步代码梳理 canvas绘图 svg绘图查看全部
-
animation:bird-slow 400ms steps(3) infinite; @keyframes bird-slow { 0% {background-position-x: -0px} 100% {background-position-x: -273px} }查看全部
-
自定义浏览器默认字体大小： docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px'; 给html设置fontSize大小，其实就是在DOMContentLoaded或者resize变化后调整fontSize的大小，从而调整rem的比值关系。查看全部
-
用关键帧可以实现精灵图的切换，同时通过background-size解决了自适应的问题，查看全部
-
运动 = 关键帧动画 + 坐标变化 1.元素.position定位，修改top,left坐标修改 2.通过css3的transform属性的translate查看全部
-
所有的技术点查看全部
-
参考右边代码区域，一般情况在项目的最前面加载一段js来修改html的font-size，针对不同分辨率计算font-size，监听浏览器更改 html的font-size docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px';查看全部
-
飞鸟代码查看全部
-
animation-name ：动画名 animation-duration：时间 animation-delay：延时 animation-iteration-count：次数 animation-direction：方向 animation-play-state：控制 animation-fill-mode：状态 animation-timing-function：关键帧变化查看全部
-
技术点分解查看全部
举报
0/150
提交
取消