分享一些有趣的事

舰娘漂流——「翻滚吧舰娘!」,火喵修改完善版

前言说起来这个「翻滚吧舰娘!」,最早是来自萌购的页面底部,但是一直也没去用它。后来看到大鹅的博客主页有这个漂流舰娘,也在许多其他人的博客上看到过,但是那会不会呀,觉得老有难度了。后来大鹅用了好久,也鸽了好久。近期我打算把博客改成航海主题(误 ,但是寻找大鹅博客时发现几个月前就换掉了! (╯‵□′)╯︵┴─┴ 好在大鹅找到了源码,发给了我w当我打开源码,发现了有好几处的bug,比如小窗口拖拽有问题啦,经常会自动消失啊等等。于是在大鹅的建议下,在github上找到了原搬运作者(貌似),一看已经是八年前的东西了,那会还是用的jquery1.7.1的老古董。为了能用上这个特效,喵喵折腾了整整一晚上,

# 喵喵
  • 2 年前
  • 2 min read
通用站点样式美化及性能优化

网站被首次访问时,显示独立弹窗信息

标题起的很简短,其实就是根据记录的cookie,在每次新用户访问站点的时候,弹出一次性的公告,免去每次刷新页面都会出现是尴尬。这之前也是在别人站点看到的,用了一段时间,现在分享给大家另外说一句,最近好多人都来扒站,虽然我没说什么,也制止不了,简单的东西你说什么剽窃也有些小题大做,但是心里总归是很难受,毕竟是一点一点抠出来的东西。扒了就扒了,但是扒了之后改个颜色换换样式,文字内容也针对改改,写心得时提提火喵的名字,给小站引引流,我也就很感谢了。实际效果方法这个是通用的教程,任何html+css+js的博客都可以使用。html首先要知道,一般访问博客都是先从主页访问,所以我们这个代码就添加在主页文

# 喵喵
  • 2 年前
  • 2 min read
通用站点样式美化及性能优化

利用element显示Notification通知,复制提醒,禁用F12或右键菜单提醒

前言之前博客默认的是Qmsg,虽然很简单但是不容易看到,因此全站都换成了Notification通知。今天刚改好就被朋友催,因为很简单就记一下作为备忘了,具体效果可见图,本博客也用的这个方法,可查看实际效果。引用cdn资源<!-- 引入VUE --> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script> <!-- 引入样式 --> <script src="https://cdn.jsdelivr.net/

# 喵喵
  • 3 年前
  • 1 min read
通用站点样式美化及性能优化

总结一下常用汉字,精简字体文件加快网站加载速度

前言之前一直在使用一款非常喜欢的一款圆体字,但是字体文件整整8M大小,还是压缩之后的,有些影响整体的速度,于是研究换掉字体,使用常用的2500字表来节省字体文件大小。使用方法将下列文章复制后,可选择第三方字体生成平台,例如 阿里字体库 得到生成的字体文件,引用即可。例如本站引用的字体地址为:@font-face 若下方复制麻烦,可在此下载整理好的文件。常用字符 https://dorcandy.lanzouw.com/iOsipwmru9a现在火喵的字体文件为332KB,感觉很不错。你用的是什么字体呢来和喵喵分享一下吧!!常用文字列表常用2500字(简体)一 乙 二 十 丁 厂 七 卜 人 入

# 喵喵
  • 3 年前
  • 13 min read
通用站点样式美化及性能优化

好看的css美化框

是否需要美丽的文字美化框呢

# 喵喵
  • 3 年前
  • 1 min read