微场景制作-插件推荐

一、插件介绍

1、Swiper.js （主要插件）

官网：http://www.swiper.com.cn/

试了好多插件 touch.js, jqmobile 之类的，做微场景还是比较推荐swiper，开源免费，简洁易上手，功能强大，文档详细，社区活跃。最重要的是支持垂直滑动！！

2、animate.css （动画效果插件）

演示：http://daneden.github.io/animate.css/

与Swiper联合使用：http://www.swiper.com.cn/usage/animate/index.html

升级版animate.css:http://bbs.swiper.com.cn/forum.php?mod=viewthread&tid=328&extra=page%3D1

我使用的就是升级版插件，因为可以支持进场动画+出场动画，而原版只支持进场动画

3、jqFloat.js （漂浮效果插件）

官网：http://www.inwebson.com/jquery/jqfloat-js-a-floating-effect-with-jquery/

官方demo：http://www.inwebson.com/demo/jqfloat/

使用简单，效果萌萌哒

4、Pace.js （进度条插件）

推荐网站：http://www.jiawin.com/pace-js-automatic-page-load-progress-bar

自动监测页面请求时间的进度条插件，非常实用

二、注意事项

1、插件引用顺序

2、meta标签

推荐文章：http://jingyan.baidu.com/article/425e69e6d706b3be15fc1600.html

3、连接路径（无法访问，转发朋友圈后重新排版的问题）

例：http://www.tfrunning.com.cn/WechatContent/job.html#mp.weixin.qq.com

避免使用IP，端口，短链接

登录公众平台，按照如下设置即可（公众号设置--功能设置--业务域名&安全域名）

转载于:https://my.oschina.net/fjr/blog/737375