章节
问答
课签
笔记
评论
占位
占位

最终效果与总结

整个七夕主题到这节都已经完全讲解完毕了,最终会把所有设置的参数都合并到了confi配置文件中,同时也增加了一些配置,例如正比缩放,这样可以保持页面布局缩放看起来不会变型

这个案例不算很难,但是把前端做动画的一些精髓已经讲透了。运用的技术基本就是H5+JS+CSS3,但是每个部分的实现都会有很多知识点的涉及,这里大体的总结下

  • 自适应分辨率的问题可以采用的是JS+百分比布局处理
  • 通过合成"雪碧图"解决图片加载与资源占用的问题
  • 通过CSS3的animation实现帧动画,并且可以控制状态
  • 布局除了left.top布局外,还可以使用最新的css3的transform处理
  • 元素的变化,可以通过设置translate3d启动GPU加速
  • 可以用CSS3的transition做渐变动画
  • HTML5音频的使用
  • 采用promise可以解决异步编程的逻辑嵌套问题
  • 代码组织的一些思路

整个案例涉及的东西都是我们日常开发能够使用到的一些手段,希望可以通过这个案例把前端的一些方面的知识点给融合贯穿起来,从而得到系统透彻的理解,并且能有举一反三,融汇贯通的效果!

任务

?不会了怎么办
||

提问题

写笔记

截图
提交
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

举报

0/150
提交
取消
全部 精华 我要发布
全部 我要发布
最新 点赞
只看我的

手记推荐

更多

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?