【源码】基于前端框架的微信H5动效模板（WechatH5Boilerplate）

项目简介

本项目是专为微信优化的H5动效模板，适用于快速构建全屏滚动型H5宣传页。利用Swiper实现页面整屏滚动，借助Animate.css提供CSS动画，使用jQuery操作DOM，还通过Normalize.css进行CSS Reset。

项目的主要特性和功能

1. 实时预览：可通过手机访问提供的链接或扫描二维码实时预览H5页面效果。
2. 依赖管理：使用npm管理第三方包，便于项目依赖的安装与更新。
3. 开发流程：提供详细的开发流程指导，涵盖项目复制、第三方包安装、开发及发布等步骤。
4. 动画支持：提供简单的动画添加方式，通过添加类名和指定动画名称、持续时间、延迟等属性实现元素动画。
5. 响应式设计：使用rem替代px设置元素尺寸、边距和字体大小，以适应不同屏幕尺寸的设备。
6. 配置管理：可通过vendors.js文件方便地管理第三方CSS、JS和字体文件的引入。

安装使用步骤

1. 复制项目：将本项目clone到本地，或在Release页面下载源码压缩包。
2. 安装依赖：在项目根目录运行npm install安装第三方包。
3. 开发：运行gulp dev启动开发服务器，在app/src下开始开发。
4. 发布：修改完毕后，运行gulp prod生成优化后的文件，再上传服务器进行发布。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】