{ "articleTitle": "需求回顾", "date": "2021-7-8 17:17:38", "tags": [ "需求", "记录" ], "categories": "需求", "timestamp": 1625764658000, "readingTime": 0, "outline": " 需求回顾做了个小需求，产品定价和价格计算器的banner，和导师一起总结一下。方便之后更熟练地做需" }

readingTime: <1min

需求回顾

做了个小需求，产品定价和价格计算器的banner，和导师一起总结一下。方便之后更熟练地做需求。

1、拿到需求后，先对需求的前因后果进行分析。

这个需求要做什么，怎么做，他是哪个页面逻辑下的需求

2、多关注设计逻辑上的问题

多关注设计上，逻辑上的问题，而不只是代码本身，比如说，间距应为偶数之类。

3、需求做完之后有个验收环节

设计师提出问题，我们去改，反复修正即可。

4、收获

• @media的问题，尽量不要只设置最大值，要最大最小值一起设置，防止污染别的样式。比如

  

  这里如果不设置min-width的话，就会影响767以下的样式，因此要尽量加上min-width防止这种样式污染。

• li的默认间距。li默认是有一个间距的，解决方法是给ul加样式font-size=0；或者在html中把li之间的回车删掉。就像这样：