当前位置:首页教程笔记子比主题添加一个优雅评论弹幕小工具

子比主题添加一个优雅评论弹幕小工具

前言

很久以前就想弄一个评论弹幕小工具了,但不太懂WordPress如何调用评论函数,所以就用PHP调用SQL获取评论表,然后通过ajax来实现页面的渲染也是能够实现评论弹幕,虽然“能跑的代码就是好代码”,但是感觉不太好,所以就研究一点点PHP(半个PHP文盲)和WordPress,通过网络一位大佬的文章知道WordPress可以通过“get_comments()”函数调用所有评论,所以就浅试了一下,顺便弄个小工具出来。

在这过程中越到三个难点(对于我这个PHP、jQuery、CSS半文盲的我其实有点难,哈哈哈):

  1. 上面提到的WordPress“get_comments()”,网上找到了好久好久(可能是搜索关键字的原因才花很多时间,当然找到也不懂,不会用所以…..)
  2. WordPress小工具的制作,作为一个PHP文盲和能用HTML+jQuery+CSS解决的事决不用其他语言的知新站长,花了很多的时间去研究了一下(呜呜呜~~~~),最后还是到百度找个模板照葫芦画瓢!
  3. 其实上面花的时间不是很多,真正花时间最多的是前端jQuery的动画效果,其实jQuery库里也有许多评论弹幕插件,但是找不到可以重复的播放的弹幕插件,因为如果一直从后台调用评论数据的话,感觉有点多此一举了,毕竟我们也没那么多评论嘛(哈哈哈哈)。以前ajax版评论弹幕用的是JS setInterval()函数来实现动画效果和重复播放评论,但它有个弊端就是如果页面调用太多的setInterval函数,那么页面动画效果就很卡(我144Hz的电脑居然掉到20-30帧,我原神都没有掉这么狠的啊喂),也很消耗内存资源,尽管我对它做了一个限制(只有评论弹幕在浏览器可视区域它才会执行,否则就会停止执行),这确实能够小小的解决内存消耗和掉帧的问题,但是setInterval太消耗内存资源,我不太喜欢,这也是我一直没有发布那个ajax版本的原因。对我不太会js+jQuery的我,这个问题一直困扰到现在也没有很好的解决掉。现在用的animate()函数来实现的弹幕效果,虽然很好的解决动画效果,但是我加了一下事件函数,可能导致弹幕动画可能有时候很慢(不是卡顿的原因,是时间设置的问题),暂时懒得花时间解决了,会js的星友可以自己优化然后分享一下吧!!!

好啦!不说太多了,只是想分享一下菜鸟墨觉在弄这个小工具遇到的一些问题罢了,星友们只需记住“能跑的代码就是好代码”。弹幕评论小工具可能有Bug,介意勿用,另外求大佬优化一下吧。

食用教程

【注意】<strong>因为子比主题有些评论可能有表情或者图片都用[g=xxx],需要用函数来替换,所以我直接使用了老唐的评论表情/图片/代码过滤的函数,所以这个小工具只适用于子比主题,其他主题请自行修改样式及评论过滤函数。这次就不放代码上来了,直接下载文件,上传到相应目录即可食用。</strong>

说明:以后文件或者教程文章都可能会采用积分制(功能不用那不是白白浪费了钱买了嘛),积分获取唯一渠道——>自己每天签到!!!不会收取任何费用来获取积分!除非您能能给墨觉打一下赏!哈哈哈

效果

子比主题添加一个优雅评论弹幕小工具
温馨提示:

文章标题:子比主题添加一个优雅评论弹幕小工具

文章链接:https://i.mojue88.com/1116.html/

更新时间:2024年08月01日

本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:admin@mojue88.com我们将第一时间处理!

资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。

所有资源仅限于参考和学习,版权归原作者所有,更多请阅读墨觉网络服务协议

版权声明

   站内部分内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供网络资源分享服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请 联系我们 一经核实,立即删除。并对发布账号进行永久封禁处理。在为用户提供最好的产品同时,保证优秀的服务质量。


本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
教程笔记

子比主题美化部分区块样式为猫猫耳朵框

2024-8-1 19:06:52

教程笔记

关于 Redis 的数据迁移(三种方法)宝塔 redis 迁移

2024-8-4 18:57:23

0 条回复 A文章作者 M管理员
😊 表情
  • 贴吧
  • 泡泡
  • 黄脸
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索