前言
很久以前就想弄一个评论弹幕小工具了,但不太懂WordPress如何调用评论函数,所以就用PHP调用SQL获取评论表,然后通过ajax来实现页面的渲染也是能够实现评论弹幕,虽然“能跑的代码就是好代码”,但是感觉不太好,所以就研究一点点PHP(半个PHP文盲)和WordPress,通过网络一位大佬的文章知道WordPress可以通过“get_comments()”函数调用所有评论,所以就浅试了一下,顺便弄个小工具出来。
在这过程中越到三个难点(对于我这个PHP、jQuery、CSS半文盲的我其实有点难,哈哈哈):
- 上面提到的WordPress“get_comments()”,网上找到了好久好久(可能是搜索关键字的原因才花很多时间,当然找到也不懂,不会用所以…..)
- WordPress小工具的制作,作为一个PHP文盲和能用HTML+jQuery+CSS解决的事决不用其他语言的知新站长,花了很多的时间去研究了一下(呜呜呜~~~~),最后还是到百度找个模板照葫芦画瓢!
- 其实上面花的时间不是很多,真正花时间最多的是前端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我们将第一时间处理!
资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。
所有资源仅限于参考和学习,版权归原作者所有,更多请阅读墨觉网络服务协议。