CSDN Q & A_ Evaluation

product BUG

Answer beat

（ I took my own name , Front end learning is not very good , Call it unprofessional , I'm sorry ）：

The reasons causing ：

stay CSDN Q & A area , Because the mouse is placed on the problem Q & a button , You can also directly enter the answer area by clicking , This little interaction of the page , Bring a sense of vitality to the web page .

But this The trigger of the event is not permanent , When I put this div Last time , The box will recalculate its height , to Answer button Make room for , Then when I move away , The elements inside have changed again , The box rearranges the elements inside , This leads to a flickering feeling in the user experience .

Solution ：  

First of all ： Change button form , Answer button Change to a permanent icon , When the mouse is on this problem block, replace it with Answer button （ I don't know if there is such technology ）.

Use this cute little monkey for the icon .

second ： Change the layout distance of these elements , Like this visualstudio There is a lot of space between and the number of views , The distance between blocks can also be optimized （ I don't know if there is such technology ）.

  Third ： Most of them are caused by the huge length of the author's name , Like this one , If he's putting a long lost label , This phenomenon also occurs , We can show the author whose name is too long in the front part , The second half uses ‘...’ Instead of .

I think the optimal solution ： Reserve a place in the container for red answers , No longer become a sudden increase in membership . The user still puts the mouse on a question and the answer button appears . This should be a change event , I didn't study this chapter well , Can't give a good event qwq

  Conclusion ： e) Very recommended