CSDN问答_测评_找bug

简介: 产品BUG

产品BUG

 

回答跳动

(名字自己取的,前端学的不咋地,叫不专业,抱歉):

image.png

产生原因:

在CSDN问答区域,由于鼠标放在问题上的出现问答按钮,点击还可以直接进入回答区域,这种页面的小互动,给网页带来一种活力感。


可是这个事件的触发不是永久的,当我放在这个div上的时候,盒子会重新计算高度,给回答按钮腾位置,然后我移开以后,里边儿的元素又改变了,盒子就又重新排列里面的元素,导致给用户体验上有种闪来闪去的感觉。


解决方案:  

第一:更改按钮形式,回答按钮改成永久的一个图标,鼠标在这个问题块上的时候替换成回答按钮(不知道有没有这种技术)。

image.png

图标就用这个可爱的小猴子吧。

第二:更改一下这些元素排版的距离,比如这个visualstudio与浏览量之间空出了好多,块之间的距离还可以优化一下(不知道有没有这种技术)。

image.png

第三:大多是作者名字巨长导致的,比如这一位,如果他在放一个长一丢丢的标签,也会出现此现象,我们可以将名字过长的作者显示前面的部分,后半部分用‘...’代替。

image.png

个人认为的最优解:在容器里预留红色回答的位置,不在变成突然增加的成员。用户依旧是将鼠标放在某一问题上出现回答按钮。这个应该是更改事件了吧,这章我没好好学,给不出啥好的事件qwq

image.png

结论: e) 非常推荐


用户体验:我打8分,真的很不错了,在深入了解csdn的路上,我看过前几年的一些在网上的评论,对csdn的风评很差,但是如今2022年了,各方面已经优化了很多,csdn也不是以前的csdn了,这里只希望csdn越做越好,能吸引更多的程序员加入。


本人是学信息安全的,本想做些这类技术含量高的测试,奈何实力不够,而且三月份就开始准备护网行动的面试了qwq,没什么时间整活。sorry,还是我学的不精。


相关文章
|
9月前
|
SQL 关系型数据库 MySQL
基于SQL Server / MySQL进行百万条数据过滤优化方案
对百万级别数据进行高效过滤查询,需要综合使用索引、查询优化、表分区、统计信息和视图等技术手段。通过合理的数据库设计和查询优化,可以显著提升查询性能,确保系统的高效稳定运行。
426 9
|
JavaScript 算法
【Vue面试题十七】、你知道vue中key的原理吗?说说你对它的理解
这篇文章深入探讨了Vue中`key`的原理及其作用,解释了`key`是为每个虚拟DOM节点提供的唯一标识符,作为`diff`算法的优化策略,有助于更快速准确地识别和重用DOM元素。文章通过实际代码示例展示了使用`key`与否在列表渲染时对DOM操作的影响,分析了`key`在不同场景下的性能表现,并提供了源码层面的分析,解释了Vue如何通过`key`来识别和更新虚拟DOM节点。
【Vue面试题十七】、你知道vue中key的原理吗?说说你对它的理解
|
存储 NoSQL 算法
聊一聊分布式锁的设计模型
什么是分布式锁?对于这个问题,相信很多同学是即熟悉又陌生。随着分布式系统的快速发展与广泛应用,针对共享资源的互斥访问也成为了很多业务必须要面对的需求,这个场景下人们通常会引入分布式锁来解决问题。我们通常会使用怎么样的分布锁服务呢?在使用分布式锁过程中,总还是会提出这样、那样的新需求,看起来找不到一个分布式锁场景的大一统的解决方案。那么,分布式锁内部究竟是怎么实现的?或者说应该怎么实现呢?这个是我们这篇文章希望探讨的。
1946 1
聊一聊分布式锁的设计模型
|
安全 编译器 C++
Microsoft Visual C++ Redistributable的作用主要体现以及可以删除吗?
这些是Microsoft Visual C++不同版本的Redistributable安装包,用于32位系统,确保相关应用正常运行。它们提供C++运行时环境,简化部署流程,支持第三方库及框架,并确保应用兼容性。定期更新可修复问题并引入新功能。在空间有限或需解决程序冲突时可考虑删除,但需谨慎操作以防影响应用稳定性和兼容性。删除前请确认无应用依赖,并通过控制面板安全卸载。
2557 1
Microsoft Visual C++ Redistributable的作用主要体现以及可以删除吗?
|
XML 前端开发 API
中台框架的模块开发实践-代码生成器的添加及使用
本文档介绍了如何在中台项目框架 ZhonTai.Core 中集成代码生成器模块,以提升开发效率。首先,需要拉取 ZhonTai.Admin 和 ZhonTai.Module.Dev 的代码仓库,创建模块文件夹并配置后端代码。在后端,通过添加模块类库和路由配置,实现代码生成器服务。接着,配置前端,安装所需依赖,并修改路由配置以添加代码生成器模块。然后,将生成的代码添加到项目中,包括数据库迁移、菜单和权限配置。最后,展示了生成器的使用步骤和效果,包括创建数据表、生成菜单数据以及前端页面展示。文章还提及了后续的扩展计划,如自定义模板管理和通用代码生成器,并提供了相关的代码仓库链接。
80068 5
|
数据采集 存储 运维
物联网设备的数据处理与分析技术探讨
【7月更文挑战第2天】探索物联网(IoT)数据处理技术,涵盖数据采集(传感器、无线通信)、存储(分布式系统、NoSQL)、处理(清洗、压缩、转换)和分析(描述性、聚类、分类、异常检测)。未来趋势涉及AI集成、边缘计算、多模态处理和系统自主化。随着技术演进,期待更智能、高效的解决方案。
|
机器学习/深度学习 存储 人工智能
阿里云GPU云服务器实例规格gn6v、gn7i、gn6i实例性能及区别和选择参考
阿里云的GPU云服务器产品线在深度学习、科学计算、图形渲染等多个领域展现出强大的计算能力和广泛的应用价值。本文将详细介绍阿里云GPU云服务器中的gn6v、gn7i、gn6i三个实例规格族的性能特点、区别及选择参考,帮助用户根据自身需求选择合适的GPU云服务器实例。
阿里云GPU云服务器实例规格gn6v、gn7i、gn6i实例性能及区别和选择参考
|
11月前
|
人工智能 C语言
一则有意思的AI错误
本文记录了豆包AI在回答关于C语言内存分配问题时的错误过程。首次询问时,AI给出了错误的回答;经过两次追问和纠正后,AI才给出正确的答案。文中附有提问过程的完整截图和相关代码,分析了问题的原因,并探讨了AI在处理这类问题时的局限性。
|
NoSQL Java Redis
Redlock分布式锁高并发下有什么问题
Redlock分布式锁在高并发场景下可能面临的问题主要包括:网络延迟、时钟偏移、单点故障、宕机重启问题、脑裂问题以及效率低等。接下来,我将使用Java代码示例来说明其中一些问题。
383 12
|
SQL 负载均衡 前端开发
mysql主从复制和读写分离,看完这篇你就彻底懂了
mysql主从复制和读写分离,看完这篇你就彻底懂了
1917 1
mysql主从复制和读写分离,看完这篇你就彻底懂了