事件起因：
今天产品提出了新的要求，想在微信端做一个用户首次登录的引导特效，样式我是没问题，浮动透明图层就可以解决，难点在于怎样判断用户是否首次登录。
我第一个想到后台数据库里是否有记录用户登录次数，因为项目本身就有首次登录修改密码的功能。
跟后端技术沟通一番后，我了解了，原来他们把用户第一次登录的时间存储在空变量last_login_in中，以后每次登录，只要判断这个变量值是否为空，就可以判断是否为首次登录。
由于首次登录修改完密码后last_login_in的值就不为空，所以我的办法是每次登录后不仅检查last_login_in是否为空，还要对比每次登录的时间与last_login_in存储的值（即首次登录的时间）是否相同，还是复杂。
解决办法：
在网上找到了用cookie验证用户首次登录的办法，很简单，在页面加载完成后触发一个cookie搜索函数，寻找cookie中是否有“user-visited”字段，如果用户是首次登录，没有这个字段，那就触发相应事件，同时将“user-visited”字段写入cookie中；反之，如果在cookie中找到“user-visited”这个字段，那就不会触发任何事件。
JS代码：
<script type="text/javascript">
$(document).ready(function() {
var newVisitor = isNewVisitor();// 如果是新访客
if(newVisitor === true)
{
// 动画弹出消息框
alert('您是新用户！');
// 标记：已经向该访客弹出过消息。30天之内不要再弹
setCookie("gznotes-visited","true", 5);
}
});
function isNewVisitor() {
// 从cookie读取“已经向访客提示过消息”的标志位
var flg = getCookie("gznotes-visited");
if (flg === "") {
return true;
} else {
return false;
}
}
// 写cookie
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue + "; " + expires +";path=/";
}
// 读cookie
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
}
return "";
}
</script>
