滑屏应用开发
滑屏应用开发的能力可以定义为:
利用 JavaScript 和 CSS3 来实现单页面应用的滑屏效果,包括上下滑屏、左右滑屏,以及局部元素的滑动切换效果。
滑屏 H5 应用在国内是异常火爆的一种内容展示交互形式,被广泛用于各类线上营销活动场景中。
屏应用开发要求我们:
● 至少要掌握主流滑屏组件(如 Swiper)的具体用法
● 能不依赖已有组件实现简易的滑屏效果,了解滑屏的技术细节
掌握主流滑屏组件的具体用法
能不依赖已有组件实现简单的滑屏效果
上图为基础的滑屏页面效果示例。
善用利器
在平时工作过程中,考虑到项目的紧迫性和实现成本,我们大多数时候会使用业界已有滑屏组件,如:
● Swiper:Most modern mobile touch slider with hardware accelerated transitions.
其它更多滑屏组件的选择可查阅《awesome-javascript》。
基于 Swiper 组件,只需数行代码即可创建一个基础的「滑屏应用」