微场景制作是开发中非常常见的一种场景，特别是在移动互联网时代。微场景是指使用html5制作的页面，可以滑动、与用户交互、产生绚丽的效果，可以适配各种手机屏幕，被用于产品展示、营销宣传等场景，因此得到了不少网友的青睐。微场景就是在手机端能够翻页播放的图文结合链接，最必备的组成元素是图片，辅助元素是动画、特效、音乐、文字、视频、外链等，主要技术是HTML5，除此之外，还需要我们独特的创造力和想象力。

随着移动端网页技术的发展，微场景的应用也越来越广泛。绚丽的界面、辞藻、设计，如果没有核心的吸引力，没有吸纳受众的东西，都是虚无的。因此，微场景的实现还是需要我们去创造出它的核心吸引力的。尽管现在有很多的，无需自己写代码，就能够让用户一键创建出属于自己的H5微场景的免费平台，但想要实现一个绚丽的微场景还是殊为不易的。为此，本站新推出了专业的JavaScript视频教程—轻松手写实现绚丽微场景。本课程带领大家一步一步轻松手写实现微场景效果，同时夯实大家的JS基础内功。下面我们来结合改课程的目录，制定好相应的学习计划。

第一章 swiper开发使用

 1-1 swiper开发使用步骤（1）   (06:03)

 1-2 swiper开发使用步骤（2）   (06:49)

 1-3 swiper开发使用参数配置（1）   (03:10)

 1-4 swiper开发使用参数配置（2）   (07:25)

 1-5 swiper开发使用参数配置（3）   (09:13)

第二章 制作微场景

 2-1 制作简易微场景   (08:41)

 2-2 制作简易微场景-基于swiperanimate（1）   (09:16)

 2-3 制作简易微场景-基于swiperanimate（2）   (09:04)

 2-4 微场景制作（1）   (09:53)

 2-5 微场景制作（2）   (09:38)

 2-6 微场景制作（3）   (10:37)

 2-7 微场景制作（4）   (07:30)

 2-8 微场景制作（5）   (06:25)

第三章 iscroll使用

 3-1 iscroll简介   (14:36)

 3-2 iscroll信息   (06:42)

 3-3 iscroll案例   (07:58)

因为本课程采用的是swiper，首先我们要学习的是swiper的开发使用。当我们配置好了相关的参数，掌握了 swiper开发使用步骤之后，就可以开始制作简易的微场景了，然后由简入繁，直到轻松实现绚丽的微场景。最后则是对iscroll的学习，在使用iScroll的时候，滚动元素要尽量的简单，减少DOM个数，减少嵌套，因为DOM结构越是复杂iScroll运行起来就越是吃力，有可能会造成某些节点显示不正常的情况。

好了，关于轻松手写实现绚丽微场景的课程介绍就到这里，如此优秀的课程竟然全都是免费学习的，还在犹豫什么，快来动力节点在线的JavaScript教程学习更多的优秀课程吧！