上周五拿到新的工作任务，一个有19个页面的H5活动模板开发，给了一周的时间来完整这个任务。本来还担心自己一个人做不完，毕竟页面多，细节也多，然而熟悉设计稿之后，发现除了替换图片和编辑文字没有其它交互逻辑，便放下心来动手开始。
花了两天时间把所有页面写完，本来还有点小得意，5天的任务，前两天就完成了99%。本来以为最多再花一天时间优化下细节就好，没想到测试的时候出了一个难题。
有一个图片显示的效果是不规则多边形，且里面的图片可以触发点击事件，单纯的遮罩是不可行的，顿时陷入了深坑中，一直在琢磨尝试层级、嵌套、background等方法，然而并没有什么用，就这样第三天过去了，进度依然是99%......
不规则图片形状
第四天终于决定先采用同事推荐的最简单粗暴的“设置圆角法”，暂时妥协改完之后，自己怎么看都觉得别扭，作为一个强迫症特别难以接受.......想到反正还有时间，那就继续死磕。
效果一：图片是长方形，四个角设置为半圆
后来发现了一个clip-path方法，尝试了之后发现可行。第二个方案完成后，效果差强人意，但是两点之间是直线，至少比第一种方案好一些点，这就又半天过去了。
效果二：图片是不规则八边形
第四天下午半道来了一个新的小任务，抽时间解决后。看着第二版的效果，还是觉得不甘心。因为还是改变了设计稿，效果有点生硬。要知道跟产品和设计商量可比自己死磕难多了。
仍不死心的我，突然想到曾经用婚礼纪制作电子请帖时见过类似的功能，而且人家就一点问题就没有！自己立刻果断下载了婚礼纪，找到了一个遮罩的效果，然后开始一行行看别人怎么实现的，这时候突然注意到了-webkit-mask-image属性，之前有遇到过，但是试了一下发现不可行就放弃了，这里仔细看了别人的用法后，才明白正确的用法。没想到竟然被自己死磕出来了！问题圆满结决，自己简直要手舞足蹈起来了。
最终效果：跟设计稿一模一样哦！！！(～￣▽￣)～
至此，花2天做完了99%的任务，最后的1%又用了2天，终于花了4天做完了整个任务。然而最大的收获却是在这最后的1%里。下次在遇到类似的任务，就可以把剩下的两天省下来了！
一些思考：
1.足够的思考时间才能有更多的创造力。
自己快速完成了基本工作才有时间死磕一个不太重要的样式问题，同事劝我差不多就行了，如果我时间紧迫，那么可能就真的放弃尝试了。所以快速完成基本工作，给自己留出足够多的思考琢磨时间很重要。
作为程序员，有的时候最大的区别就是解决问题的能力。这时候比拼的就是更多的知识的储备量，如果只是日复一日的做重复的工作，那么工作经验一年与五年并没有太大的区别，只有不断去尝试新的方法，寻找更好的解决方法，更新自己的知识库，才能真正的长经验。
这也是为什么大家都不推荐去外包公司的原因，因为在那里任务繁重且大都是重复性劳作，很难给足够的时候来进行思考和优化，个人能力提升会很慢。
2.从已有的成功经验出发
在2天的解决问题中，其中有大半时间的尝试是无效的，在设想阶段就应该能够判断出来；
自己在第二天就隐约记得婚礼纪好像有类似的功能，但是却没有深入思考，反而毫无目的的死磕，最后还是从那里借鉴的成功经验。其实应该谋定而后动，太阳底下没有新鲜事，多想想是不是有可以借鉴的成功经验，再去有方向的尝试。
用爱因斯坦的话说：“如果给我一个小时解答一道决定我生死的问题，我会花55分钟来弄清楚这道题到底是在问什么。一旦清楚了它到底在问什么，剩下的5分钟就足够回答这道问题了。”
拼命勤奋是将时间和精力投在事情的低效率环节中，深度思考是将时间和精力投入在事情最高效的环节中。
千万不要用战术上的勤奋掩盖战略上的懒惰。
千万不要不深度地思考而只会拼命勤奋。
你会发现，若你多花点时间、精力让自己深度思考，而后的时间，都能节省下来做更有意义的事。你也绝对不会一天比一天没有成就感，浑浑噩噩了此一生。
3.同事交流
每个人都有自己的知识储备库，每个人的建议都有可借鉴的方法，当琢磨出来这个方法后，我也及时反馈给曾经提过建议的同事们，以后这种问题再也不会浪费我们过多时间，这也是大家一起进步的原因。正是因为同事们不藏私的提供建议，才会有更多的经验交流。
同事追问怎么想出的解决方案时，我调侃跟他们的差距就是有没有做过电子婚礼请柬，结果单身狗自嘲，差的不只是请柬，还有女朋友.....🤣
4.完美主义
作为程序员，我水平很不怎么样，但是对于设计，自己总想做到跟设计稿一模一样，尽力完成的最好，尽量不放过一点的瑕疵。毕竟人家设计的出来，我就应该能做得到。而且这种较真，至少让我的页面在测试层面很少出现低级问题，也算是严要求了。
网友评论