舔狗日记单页源码放送

二话不说,先看效果:最全最新舔狗日记大全

舔狗日记

最近舔狗日记特别的火,这种夸张式的自嘲,给人感觉特别的幽默和有意思。当然了,对于那些真正的舔狗,应该会在嬉笑之余还有颇多的心酸吧!

网上有不少舔狗日记的单页应用,基本上都是通过接口调用日记信息,我觉得完全没必要。

采集了下,目前总共有304条,直接放数组里,用JS随机调用。这样既能减少与服务器的交互,又能让用户体验的时候感觉不到一丁点卡顿。

当然了,这都是建立在‘舔狗日记’不会火太久、不会有太多的前提下,毕竟如果数据太多还直接存数组的话,那就会导致首次加载的时间过长了。

至于源码,直接打开舔狗日记查看源码即可,本身就是纯JS实现的。

其中有两个关键函数:

1、JS随机生成区间范围内的整数

function randomNum(minNum,maxNum)
{ 
  return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10); 
}

2、JS时间格式化

Date.prototype.Format = function(fmt)   
{
  var o = {   
	    "M+" : this.getMonth()+1,                 //月份   
	    "d+" : this.getDate(),                    //日   
	    "h+" : this.getHours(),                   //小时   
	    "m+" : this.getMinutes(),                 //分   
	    "s+" : this.getSeconds(),                 //秒   
	    "q+" : Math.floor((this.getMonth()+3)/3), //季度   
	    "S"  : this.getMilliseconds()             //毫秒   
	  };    
  if(/(y+)/.test(fmt))   
    fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));   
  for(var k in o)   
    if(new RegExp("("+ k +")").test(fmt))   
       fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));   
  return fmt;   
}

然后就是通过随机生成区间范围内整数的函数,来随机显示舔狗日记的内容、日期、天气。

有兴趣扩展的朋友,可以将温度也随机进去。当然最好是天气、温度、舔狗日记内容能有所契合,不过这就要再多一些判断了!

未经允许不得转载:Mr.Bug » 舔狗日记单页源码放送

评论 抢沙发

评论前必须登录!