2023年已经过半,很高兴可以有机会总结一下个人在2023年上半年所做的一些前端工作。工作内容会涉及多个业务线,总体分为三个方向(社区云、消息、用户中心)来说一下。

社区论坛:

我们着重解决了用户在交流和分享过程中遇到的一些问题,并对UI交互进行了优化和改进。同时还支持了@ada机器人的功能使得用户在进行评论时可以获得更及时、准确的回复和解答。下面是我们的一些功能、体验上的改动:

  1. 评论区支持Ada机器人。

    在社区的交流讨论中,用户很有可能会对帖子的内容产生疑问,又或是想对帖子做出总结等。有了ada助手,可以很方便的实现解答这些问题,ada是理解帖子上下文的。用户可以直接@并提问。目前该功能仅VIP使用。
    IMG
    例如以下使用场景:​​​​
    在这里插入图片描述

    • 用户可以很快的获得解答
    • 可以多次提问,获得更详细的答案
    • 交流过程可以共享

  1. PC web社区主页改版

    我们对社区主页进行了全新的设计,提升了用户对社区的视觉体验。改善了右侧社区功能模块的使用体验,把榜单功能也加到社区主页。 左侧的我加入、我管理的社区列表,加入了置顶的功能,可以更快的找到用户重点关注的社区。
    IMG

  1. 课程、直播接入评论组件

    我们将社区帖子交流讨论的功能,完整的移植到了课程、直播中。在学习课程时可以留言讨论,也可发红包来对作者表示鼓励。同社区帖子一样,@ada的功能也做了支持。
    在这里插入图片描述

    功能实现上,评论区域的所有功能依赖于社区的能力。将评论组件化是一个很好的选择,业务线接入时只需引入相应的js文件即可。 在技术选型上我们使用了Vite、 Vue3来开发组件,使得开发成本降低了很多。这里简单列举一下组件功能,有任何使用上的建议欢迎向我们反馈。

    🤖支持Ada机器人
    🗒 Markdown一级评论
    😃 文本二级评论,支持表情包
    💰 支持打赏
    🧧 支持红包
    🎨 代码高亮
    📱支持移动端

消息私信:

过去在私信的PC web中,有不少用户反馈了一些体验不佳的地方。 比如:没有分组、不能置顶等问题,又或者App端有的设置项,PC并没有实现。为此,邹老师也收集并整理了一些用户提的一些建议\bug。访问这里查看 CSDN全站建议反馈专区-消息改进

消息私信项目中,我们应关注于提升用户之间的沟通和交流体验。在过去的一段时间,我们对UI、交互上进行了一些调整,并对功能做了整合。希望可以让私信功能更加好用,下面简单介绍一下改动点:

  1. im站点和 i站点合并

    统一归为 消息中心。私信将作为其中一项Tab切换查看,原先“陌生人私信”功能设置也从im私信移动到消息设置中统一管理。
    在这里插入图片描述
    实现上 im是由独立站点转为iframe嵌套,对iframe内的路由与外层的i站点做了同步。在内部切换聊天时,将同步至i站点并切换url hash。同时,外部路由如果携带私信用户名,也会直接打开该聊天

  1. 私信支持按分组查看消息

    目前提供的分组有官方、好友(互关)、以及单向的关注等。之前有不少用户反馈官方消息难以区分,经常被挤到了下面。通过分组可以更快的查看某一分组的消息。​
    在这里插入图片描述

  1. 支持在PC Web 上管理私信黑名单,入口同样位于 消息中心 > 消息设置 在这里插入图片描述

除了以上这些,还有 新增加了一键已读、右键菜单支持置顶等优化。

用户中心:

  1. 添加身份标签,可自行设定来获得更好的推荐内容

  1. 收藏组件UI优化,更方便的进行收藏博客、管理已收藏内容

    在这里插入图片描述


以上是近半年来在社区云、消息做的部分工作,之后还会持续改进和优化。欢迎大家提出建议、反馈,也可以移步至全站建议反馈社区 来提交你的想法。

Logo

欢迎加入我们的广州开发者社区,与优秀的开发者共同成长!

更多推荐