升级valine图片系统有感及关于留言项目的总结

经过一天的升级部署,现在本站的评论系统支持直接图片上传。

图片相比于文本,其大小是后者的数十倍甚至数百倍,这对代码提出了更高的要求。

我这一刻不禁想起了一个项目:

一年前

img

现在看来,这个项目在技术上非常失败。

img

首先启动页就有一个疏漏:没有考虑屏幕畸变。

大多数手机屏幕的尺寸比例是16:9,但华为的例外,出现了19.6:9这种特殊分辨率,所以启动页的文字就会畸变拉伸。

而且当时的开发速度实在是太快了,不到两天就完成了立项-策划-编码-调试-部署-宣发所有环节,所以出现了很多疏漏。

再加上当时只会CP(C++和Python),而C++大多用于引擎编写和系统程序,Python更注重于自动化处理和A.I.

所以我对Android开发一窍不通(毕竟我不用手机),只能使用CoCo来辅助安卓开发(被人戏称为用口口开发)

img

接下来我就被自己糟糕的文案给恶心到了。。。。。

然后发现这个背景图片非常模糊,我甚至以为是安装包损坏了。

然后经过校验发现分辨率就这么高,我真的很不理解一年前的我为什么要用这种不到百万像素的图片来当背景。(上面那两只鸟都糊了)

更愚蠢的是这个滑动解锁(有部分用户反馈找不到打开方式),选的配色和背景很相似。

重点是这里最佳的解决办法应该是按钮或者自动切换。

还有这个字体也是有小bug的,CoCo会优先使用默认字体再更换为选择的字体,中间大约有300ms的时差,表现的很明显。

然后后面那一连串弹窗没做本地验证存储,每次进来都要弹出一遍(哪有应用天天确认用户守则的)

img

这里的UI布局真的是乱七八糟:

  • 又用圆角又用尖角
  • 超链接不美化
  • 「确认」选用不当,应该添加匿名的按钮(谁知道这两个空是可以不填的)

然后头像方面,经过Web编程的考验,QQ提供了头像的API接口,否则这一次还得自己上传头像。

所以这里整出来一个莫名其妙的URL,还有复杂的上传操作。

其实当时是受技术限制,无法上传图片(没有图片选择器+服务器)

如今回去一看:

img

img

我真的是哭笑不得,不知道是该为编程猫CoCo编译器的发展高兴还是该痛骂一通(为什么一年就发展了那么快)

甚至还对接了leancloud,能做用户系统了。

img

img

再看这个正式页面,UI设计一坨杂乱,所有功能按钮都堆叠在下面,再加上日期后面莫名其妙的IP地址(不会有人以为是乱码吧)

然后两个输入框格式也不对,每个人的头像都是默认头像。。。

由于没有通知,你无法知道你的评论是否被回复,是否有新的评论。

更让我生气的是,发布留言后滚动框居然不会下滑,也不弹出提示窗口,也不清空输入框,只是震动一下。

(天知道有多少重复提交的留言是因为这个问题)

img

然而,一年后的邮件功能又在嘲讽我。。

img

可以说,一年前的我彻底输给了代码。效果肯定也很差:
img

一共15条留言,由于APK文件不支持苹果iOS系统,因此使用率大约为(15/45),即33%。


半年后

我在寒假深思熟虑,决定开发出一个更好的项目。

借助已经搭建好的网站,可以通过评论区快速改装成一个留言墙。

但是当时评论区是这个样子的:

img

然后经过半年的摸索,在周末和假期缝隙中艰难更新,逐渐加入了邮件通知,QQ头像引用,UI美化,图片插入,身份tag种种功能。最终形成了留言墙:

img

img

总共加起来有21条评论留言。

这个数据远低于开发初期预测的数据,也低于后期预估的数据。

存在的问题可能是因为打开的速度,当时没有采用OSS技术和CDN加速,会造成解析的缓慢。

再加上QQ随机抽取封锁,会显示出「非官方页面」的图片。

由于是面向全年级的项目且全平台互通,使用率为(21/331),即6.3%(未去重)。


今天

经过漫长的拖沓,终于升级了图片部分,可以直接粘贴图片了。

简单的结果,却几乎翻遍了整个js文件,查阅了大量官方文档(注释的重要性)。

我本以为这是成功的结果,但是部署到服务器的那一刻,我却有些伤感。

一年前我受限于技术,做出了粗拙的作品;今天超越了那些困难,却发现得到的是巨大的失落。

原来,我一直在向着失败奔跑。

写的很烂,也没有头绪,只是一个写代码的emo作品,各位经常看文的别喷。

接触编程六年来,我始终相信「我们必须知道,我们必将知道」。

现在才发觉,知道的不仅是技术,更是失败的落寞。

也许就是这样吧,大家当个乐子看看就行。

原APP链接:https://pan.baidu.com/s/1zclv1_kQ7oyLfFluUCvBDA?pwd=2121
提取码:2121


升级valine图片系统有感及关于留言项目的总结
https://blog.windeling.com/20240712acac6a2b/
作者
黄文林
发布于
2024年7月12日
更新于
2025年5月8日
许可协议