H5 mockup.png

📝 1. 基本介绍 Introduction


SUXD H5项目旨在推送宣传UED部门的队服设计,是针对于移动端开发的H5页面,由HTML+CSS+JavaScript,再使用SwiperAnimate.css效果库实现。该H5的开发过程中重点包括如何置入GIF 及PNG 素材,如何在不同尺寸的设备下保持自适应且使素材位置不偏移,以及如何实现交互和动效效果。

未标题-6.png

⚒️ 2. 技术栈及效果库 Stack & Library


jQuery

jQuery是一个快速、小型且功能丰富的JavaScript库。它使HTML文档遍历和操作、事件处理、动画和Ajax等工作变得更加简单。

💡 被广泛使用,支持多种浏览器及设备兼容

💡 帮助简化JavaScript代码量

💡 包含易于使用的、可跨多种浏览器工作的API

jQuery

jQuery

jQuery

Swiper

Swiper是一个自由移动触摸滑块,适用于移动网站,移动网页应用,以及移动原生/混合应用,它专注于现代应用或平台,能带来最好的体验和最高的简单性。

💡 不需要JavaScript库,容量小加载快

💡 丰富的API,可以实现多种自定义效果

💡 支持JavaScript、React、Vue、Angular

Swiper库

Swiper库