移动端H5场景应用【探索未知、拨云见日】&【破茧成蝶】

移动端开发必备技能:基于【微信】的 移动端 “场景应用” 开发;
运用微信朋友圈的威力,产生一个又一个“精美绝伦”的移动端案例,
电商、搜索巨头、手机、电影、化妆品、智能硬件、品牌故事、企业招聘……
“H5场景应用”作为企业展示产品利器,你是否已经完全掌握?

本次课程案例一:【探索未知、拨云见日】

用微信扫描二维码访问:

案例截图:

本次课程案例二:【破茧成蝶】

用微信扫描二维码访问:

案例截图:

课程简介

  1. 什么是微信场景应用
  2. 课程划分
  3. 共分为四次课,2个微信场景,主要涉及的知识点:js css3 html5……
  4. 场景运行环境
  5. 微信内嵌的浏览器
  6. Chrome自带移动端Emulation(模拟器)
  7. 场景一功能
  8. 加载,刮开,划屏,动画,音乐等
  9. jQuery
  10. 版本2.1.3
  11. 手机分辨率
  12. 屏幕
  13. 设备
  14. 主流屏幕分辨率
  15. 640 * 960
  16. 640 * 1136
  17. viewport
  18. 默认视口
  19. width=device-width , user-scalable=no
  20. target-densityDpi=device-dpi
  21. 固定值640即可
  22. 设置高度
  23. 通过JS动态设置
  24. background-size : cover
  25. 刮开效果
  26. canvas
  27. globalCompositeOperation
  28. source-over
  29. destination-over
  30. destination-out
  31. 移动端事件
  32. touchstart
  33. touchmove
  34. touchend
  35. 原生event
  36. originalEvent
  37. changedTouches
  38. 阻止默认touchmove
  39. preventDefault
  40. 划屏切换
  41. css3
  42. 运动实现
  43. transform
  44. translate
  45. scale
  46. transition
  47. transitionEnd事件
  48. 提示箭头
  49. css3
  50. animation
  51. 名字
  52. 时间
  53. 执行次数
  54. infinite
  55. @keyframes
  56. 入场动画
  57. 文字样式
  58. css3+js
  59. transform
  60. transition
  61. 图标
  62. 可以用图片
  63. 也可以用字体库,Font Awesome
  64. 音乐
  65. audio
  66. play()
  67. pause()
  68. 加载
  69. css3
  70. 控制scale
  71. animation-delay
  72. js
  73. new Image
  74. 查看场景二效果
  75. 加载,流星,闪烁,散开,划屏,动画,音乐等
  76. 散开
  77. canvas
  78. globalCompositeOperation
  79. destination-out
  80. drawImage
  81. 9个参数
  82. 划屏
  83. css3
  84. perspective
  85. transform-origin
  86. js
  87. setTimeout
  88. 提示箭头
  89. css3
  90. animation
  91. 入场动画
  92. 标题炸裂
  93. animation
  94. 流星划过
  95. css3
  96. animation
  97. 音乐
  98. audio
  99. 加载
  100. animation
  101. new Image

报名要求:

熟练掌握 PC 端页面布局,有一定 JS\H5\CSS3 基础知识储备。


课程咨询QQ:2852509867、2852509866、2852509868
课程咨询电话:010-57269690
客服在线时间:周一至周五 9:30-18:00 周六至周日 10:00-17:00
关注妙味官方微信公众号,了解最新课程安排

妙味网友
请登录后留言,请登录注册