gmfe / Think

观麦前端团队的官方博客
68 stars 3 forks source link

初到总结 #50

Open Gesangs opened 6 years ago

Gesangs commented 6 years ago

7月来到观麦有1个半月了,简单写写这段时间的收获。

初到

融入

接的需求大多都是bshop,所以以下叙述都针对于bshop的问题。

  1. 在列表滚动这个需求中,体现了一些个人的问题,接到这个需求很快就下手了,想到哪写到哪,没有做细致的分析,忽略了很多问题,导致第一版并不理想推翻重来,即使demo还可以但是放到实际业务上还差很远,没有考虑到实际的处境与应用,然后在雅堂的沟通帮组下还算顺利的完成了。这其中有以下比较重要的点:

    • 考虑清楚再下手会更加的心

    • 在完成需求的基础上尝试考虑一些性能的问题

    • 在实现后期,再多设想一些情况,考虑周全一些

    • 突然想到(就是这么随意哈哈)商品详情没多少人开启的原因会不会是列表太长,每次返回都回到了列表顶部又得翻回去......改天考虑一下记忆滚动位置

    • 移动端测试范围得扩大一点,至少跨个平台

    • 还是规范的问题,通过和雅堂的沟通得知,那个flex和height的冲突其实更应该注意的是这两者都会对高度产生影响,在使用过程中应该多加注意

    • 还有要多利用身边的资源,在移动端兼容这一块,肯定已经踩过很多坑的,多问或者多看看之前的代码,总能找到一些线索

  2. 这期间碰上一个很奇怪的问题,slide组件下这样一个结构<div><a><img/></a></div>,给div绑定一个点击事件,pc、安卓端都没有问题,就ios怎么都点不到,最终把img置为block解决问题......原因至今不明,大概是因为标签嵌套的原因,还可能是事件冲突的原因,这里说下排查bug的过程,首先要说的要有耐心,其次要尽量合理,再一个是要有调理。先说耐心,特别是排查莫名其妙的bug时,千万不能着急,一着急就会乱套,要像勇哥一样淡定。再说合理性,比如不能更改之前的逻辑啊,一开始由于div上一层绑了mouse和touch6个事件,我以为是冲突了,果断注释了mouse事件,虽然有用了,但是这样不合理啊,因为这样pc上就不能滑动了呀所以不行,然后通过参考其他使用了slide组件而没有出现问题的地方,发现一开始的方向就错了,通过控制变量法逐步排查,最终解决

  3. 接下来是加入购物车时的抛物线动画,在实现这个需求的过程中,也学到很多。比如遇到难题的时候,有啥功能不会实现的时候,多查查文档准没错的,而且搜索也是门学问啊,和勇哥一起搜,他就搜到了,我就搜不到......找对关键词是重点。

  4. 关于主动这一块,有一个想法阻碍了我,就是在问之前,会先考虑,有没有必要问,有时候想着想着就忘了......忘了......以后要抛开这些,更加主动一些。

最后

做好计划,适当的约束,更加主动,继续学习,像海绵一样吸收,多做总结,闭环实践