编者按：本文通过逻辑思维、业务思维、设计思维三个维度来匹配你是否是一个合格的前端工程师。因为前端工程师不仅仅负责接收数据、采集数据、做出响应等杂务，更应该要求他们与后端工程师、设计师、PM进行沟通。因此，团队合作、协调等都需要考虑比代码更多的东西。如果你是一个有才华的工程师（你可以马上离开）并且可以独立完成很多事情，你可以成为一个怪人，因为我相信没有人不会佩服你。但现实就是现实。大多数人都不是天才，我们在职场上并不孤单。我们需要团队合作，需要协调配合，需要考虑的除了代码之外还有更多的东西。前端工程师不仅仅负责接收数据，收集数据，做出响应。当然，只做这些事情也没有错，但是我们需要和后端工程师沟通，我们也需要和设计沟通，我们也需要和PM沟通。怎么做对这三方更有利？逻辑思维在开始写某段代码的时候，想一想它会用在什么地方，会不会被复用？以后会不会变，如果会，怎么变？一般的网页结构虽然有很多变化，但也是有依据的，可以提前预估。没有不“不纠正”的情况。很多时候，你要边做边改变，甚至可能会出现宇宙大转变。当确实需要改变和修改时，你有什么应对措施？这些都需要考虑并基于逻辑。通常专业设计师设计的网页同质性、等比或对比度高，因此代码可以在逻辑上重用。那为什么非要学着用CSS预处理器（Sass，stylus，less），写一个Mixin或者一个变量，一开始用起来会很麻烦，用完就回不来了，这不仅可以提高您的效率，还可以提高您的准确性。工程师的世界就像武侠世界。大家独立修炼，每天都有新秘籍。大家都好奇的去修炼，希望有一天能成为武林高手。这也是提高你的知识和专业水平的潜在力量。不好奇，见识太少，逻辑自然跟不上时代。要不断学习，磨练自己的逻辑思维。从某种程度上说，逻辑思维就是你的程序专业能力。除了能够编写之外，它还具有可维护性和可读性。当事情建立在良好的逻辑之上时，出错的可能性就会降低，与你共事的人也会更快乐。能做好一件事的，就是高手；能做好一件事并预知未来的人，就是专家。有商业头脑的PM、老板或客户会问你，“你需要多少时间？”说得太短，可能说不完；如果你说太长，那是不可能的。这是一个怎么回答，怎么死的问题。有时候，你需要换个角度，站在第三方的角度去思考。我们的完成度可能与他们不同。我们把case的细节分为两种情况，一种是你已经有经验，可以预估时间；另一种是你没有做过或者你很陌生，你没有时间估算的依据。然后提出一个他们最能接受的标准，比如一个app网站，最好的标准需要一个首页，一个下载链接，app的两个按钮，这些都是可以预见的。剩下的，你需要做一些研究，然后给一个更合理的时间。预估一个case需要多长时间完成是非常非常重要的，因为你消耗的是一群人的时间，而不是你自己的（除非你自己做，或者你是老大）。如果你估计错了，以后会顺延。做不到也没关系。最重要的是解决问题并提出你的解决方案。什么样的方法才能达到解决问题的目的。站在不同的角度提出解决方案，对事情、对公司、对客户都有帮助。客户不会关心你不能解决手机网页上看不到20列的表格的问题，但客户很乐意听你的。说了，这样的Table不好看，可以换一种显示方式。客户并不真正关心您是否使用Rails或php（有些确实使用，他们假装他们知道），只要他们可以购物和发帖即可。前端工程师可能很容易接触到客户的投诉，所以如果有些事情没有考虑好，就会很麻烦。做网站，如果你是网友或者客户，你对自己做的网站满意吗？设计思维很多时候，前端工程师本身也是设计师，但也有很多人本身就是前端工程师和后端工程师。设计和前端是密不可分的。当然，我这里说的设计并不是真的需要你去制作一张图片或者一张完整的设计图。这不仅仅是它的外观和感觉。设计就是它的工作原理。—SteveJobs前端设计是指一个屏幕或元素，它是如何执行和创建，移动或消除的，这个设计在不同的宽度和高度，不同的看安装，效果如何，考虑你的设计思考，如何把设计师的图做成活的网页，就得站在设计师的角度去思考，才能有办法充分表达设计图的概念。刚才说到，我收到了一张“设计图”，上面有一个“X”。我问客户这是什么，他说是“回到上一页”。为什么它到上一页是“X”？这不是弹出窗口，也不是模态窗口。同时，这张图片上还有许多不同颜色和大小的“X”，分别代表“删除”、“关闭”和“向下滑动”。这是一个不合理的设计。设计思维会直接影响你写的代码结构和网页结构，因为你看不到设计的重点在哪里，怎么写才能达到设计者要求的效果。您无法正确组织您的结构和元素。无法正确拼凑网页。这不仅会大大降低你的效率，还会使事情变得不一致。可能在一个网站上，有几个按钮本应该是一样的，结果却“很相似”却又不同，因为你用了几个类，用了不同的结构来制作。你一开始就没有考虑好设计。你能做什么？如果你没事做，你需要练习。只需访问FB几分钟，您无需逗留太久。做个网站，自己玩玩，和朋友一起玩，问问他们的意见？多问几句。看看设计图，想一想你会怎么做。本文来自：kimix的博客
