前言
最近在更改萌夏样式的时候,突然冒出来的想法,因为维基萌博客系统不是有个侧边栏嘛,可以自定义HTML,我感觉缺了点什么,这时候我突然看到了这个亚托利GIF图
然后马上就冒出来做这个小游戏的想法了,实际上做出来的效果也挺好的,那就一起来看看叭,我做了三个版本,这三个版本的大概功能是一样de~
戳戳萝卜子-HTML
这个版本的戳戳萝卜子是纯HTML编写,方便上传到Github pages之类的静态网页托管
- 此版本拥有什么呢
- 可爱的亚托莉⭕
- 计数⭕
- 资源懒加载⭕
- HTML⭕
- Iframe嵌入优化⭕
- 开箱即用⭕
戳戳萝卜子简单计数版
这个版本的戳戳萝卜子,可以计算总计数,计数的原理就是在第一次访问的时候,自动在本地文件夹里生成一个文本文件,用户点击一次就改变文本文件的数值,以此来记录数量
- 此版本拥有什么呢
- 可爱的亚托利⭕
- 简单的计数⭕
- 资源懒加载⭕
- HTML+PHP⭕
- Iframe嵌入优化⭕
- 开箱即用⭕
戳戳萝卜子-增强版
这个版本的戳戳萝卜子,不仅可以计算总计数,还有个简易的排行榜功能,工作原理如下:用户第一次访问的时候会生成一个随机哈希值,然后在“db”文件夹下生成一个使用这个随机哈希值命名的SQLite数据库文件,以此保证数据库不被随意下载,同时还会生成一个sql.lock文件,防止多次创建数据库,如果你需要重新创建数据库,你需要删除这个文件,然后使用这个数据库存储用户数据以及计数,然后使用cookie标记用户,这样子就能记住用户的贡献值了,顺便再记录下记录下用户的UA和IP,用于显示在排行榜中,排行榜中显示的IP和UA并不全,有过滤,排行榜默认只显示前10位用户
- 此版本都拥有啥呢
- 可爱的亚托莉⭕
- HTML+PHP⭕
- Iframe嵌入优化⭕
- 使用SQLite存储数据⭕
- 能识别用户⭕
- 排行榜⭕
- 资源懒加载⭕
- 开箱即用⭕
无奖竞猜
猜对了没奖励,猜错了没惩罚
1.请问这个动图出自动画《亚托莉 -我挚爱的时光-》中的哪一集的哪处呢?
2.来个更难的,请问打击音效出自于动画的哪处呢?
哈哈哈,好可爱…不对是好高性能呀!
大佬对维基萌博客的理解好强呀!
也是大大博客系统开发的好~(。>∀<。)