Echo:留下你的一句话吧

这是一个前后端分离的PHP程序，开发过程中学到很多有意思的前端知识。去年在酷Q平台上写过小纸船的插件，就是通过QQ机器人让大家可以发一段文字，一张图片，一句语音通过插件上传到服务器，再通过插件来随机的获取这文字，图片，语音，效果挺不错的，当时用户还挺多，后来嘛，QQ机器人的各大平台都倒了，酷Q也不例外，这个项目也就没再进行，现在又把平台迁移到了WEB，让它焕发新生吧，后期会增加投稿图片，投稿语音的功能，还会有匿名回复，邮件通知，而这些都是很久之前的项目小纸船就有的功能。

演示地址：https://echo.shiyu.dev

特点：

首页句子加载采用Ajax技术，无刷新切换句子

    function update() {
        document.getElementById('update').innerHTML = '正在获取';
        $.get("model/api.php", function (data, status) {
            setTimeout(function () {
                data = $.parseJSON(data);
                if (status === 'success')
                    document.getElementById('echo').innerHTML = data['content']
                else
                    alert("网络错误")
                document.getElementById('update').innerHTML = '来一句?';
            }, 100)
        });
    }

字体增添抖动特效

    @keyframes animate {
        0%, 100% {
            text-shadow: 0 0 0 #0ff, 2px 2px 0 #f00;
        }
        75% {
            text-shadow: 1px 1px 0 #0ff, -1px -1px 0 #f00;
        }
    }

部分页面图片展示：