【Emlog分享】优化你的第一个插件

前面我们已经开发了我们的第一个插件 - 一言插件,这是非常简单的插件,现在我们对他进行一部分的优化,给它加上延时加载、点击更改两个小功能。

新建插件目录/文件夹 hitokoto,在目录 hitokoto 下新建 hitokoto.php 文件,插件文件名需和目录名一致(如果是上一篇分享写过,直接打开hitokoto.php 文件)。

hitokoto.php 内容如下

<?php
/*
Plugin Name: 一言插件
Version: 2.0
Plugin URL:
Description: 这是Dice分享的第一个emlog插件,主要提供一句话服务。
Author: Dice
Author URL: https://www.52linglong.com
*/

!defined('EMLOG_ROOT') && exit('access deined!');

function hitokoto() {
	echo "<a href='javascript:;' onclick='getkoto()' title='换一条'><span id='hitokoto'>一言-记录字句,发现共鸣</span></a>";
}

addAction('hitokoto', 'hitokoto');

function hitokoto_js() {
	echo "<script src='https://cdn.jsdelivr.net/npm/[email protected]/js/browser/bluebird.min.js'></script>
<script src='https://cdn.jsdelivr.net/npm/[email protected]/fetch.min.js'></script>
<script>
	// 延时加载
	setTimeout('getkoto()', 1000);
	function getkoto() {
		fetch('https://v1.hitokoto.cn')
		.then(function (res) {
			return res.json();
		})
		.then(function (data) {
			var hitokoto = document.getElementById('hitokoto');
			hitokoto.innerText = data.hitokoto;
		})
		.catch(function (err) {
			console.error(err);
		})
	}
</script>\n";
}

addAction('index_footer', 'hitokoto_js');


挂载点及效果

gzd (1).pngSnipaste_2019-11-29_11-43-22 (1).png


侧边栏组件及效果

Snipaste_2019-11-29_11-44-48 (1).pngSnipaste_2019-11-29_11-44-33 (1).png


版权声明:若无特殊注明,本文为《Dice》原创,转载请保留文章出处。
本文链接:https://blog.52linglong.com/skill/27.html
正文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

嘻嘻 大笑 可怜 吃惊 害羞 调皮 鄙视 示爱 大哭 开心 偷笑 嘘 奸笑 委屈 抱抱 愤怒 思考 日了狗 胜利 不高兴 阴险 乖 酷 滑稽

评论信息框
可使用QQ号实时获取昵称+头像

私密评论

吃奶的力气提交吐槽中...


既然没有吐槽,那就赶紧抢沙发吧!