前言

很多网上的婚纱摄影公司，或者婚庆公司，或者一些h5制作平台，都可以做一些婚礼邀请函，但是这样的婚礼邀请函千篇一律。没有什么特色，仅仅是图片展示。在某人的强烈要求之下，我制作了一个h5婚礼邀请函（目前源码暂时不公开吧，过段时间再说）。用到了一些知识和小技巧，在这里简单总结一下！

transform 中透视效果应用

动画的书写，自然少不了transform ，像translate3d、rotate、scale3d的应用，相信大家都很熟练了。假如不熟练的，可以看下animate.css,列举了一些常用的动画效果。我今天着重说一下perspective ，透视效果的实现。

perspective 动画透视效果

前言

说起数据大屏，大家可以想到天猫双11数据大屏，酷炫！对的，数据大屏就是讲究酷炫效果。不过，我们公司做数据大屏，虽然要求效果酷炫，但是时间很紧，几天时间就要出来，在很紧的时间下出来，我总结一下我是如何操作的。

一、屏幕自适应

我这边只拿到设计师给到的1920*1080的设计图，但是说不一定是这个尺寸，目前不知道展示这个数据大屏的屏幕尺寸是多少，因此，只能做出自适应效果！如何做到自适应效果呢。想了几种方案，目前我用的方案是采用vh和vw单位来进行页面布局。关于这两个单位的一些介绍，我之前有篇文章写过，http://www.haorooms.com/post/css_unit_calc 。 这样就可以实现自适应布局了。

用vh和vw单位的好处

前言

我前面的文章，写过js中“类”与继承的一些文章。ES5我们可以通过 构造函数 或者 Object.create()等方式来模拟出js中的“类”,当然，对象呢是类的实例化，我们可以通过如下方式创建对象：

var haorooms ={};
或者
var haorooms = new Object()

今天主要总结一下Object的一些常用方法。

返回上一页并刷新

返回上一页，我们经常用

history.go(-1)//返回上一页(括号中写-2代表返回上两页)
history.back()//返回上一页

这个我很久之前的一篇文章中也提及了！http://www.haorooms.com/post/js_refrash ，但是有时候有这样的需求，我们在一个公共页面中进行了数据操作，操作完成之后用history.back()返回上一页，我们希望上一页的数据是改变的，但是由于是历史返回，上一页的数据还是历史数据，因此，我们用到了返回上一页并刷新。

self.location=document.referrer;