前端工程师应该具有的三种思惟

前端工程师应该具有的三种思惟

若是你是一个天才等级的工程师(立刻能够离开)，能够独立完成一个不少事情，你能够是一个怪咖，由于我相信没有一我的不会不佩服你。但现实归现实，多数人都不是天才，而咱们在职场上也不是单打独斗，咱们须要团队合做，须要协调和配合，须要考虑除了代码之外的更多事情。
前端工程师，也不只仅只是负责接资料，捞数据，作个回应。固然只作这些也并无不对，但咱们须要和后端工程师沟通，咱们也须要和设计沟通，也须要和 PM 沟通，怎么作才是对这三方都比较有好处?

逻辑思惟

在开始写某一段代码的时候，想一下它会用在哪里，会重复用吗? 它之后会不会变，若是会变，那能够怎样变?通常网页结构的变化，虽然有不少可是也有一个根据，这个根据就是能够预先估计好的。没有一个案子，是不会「不 改」的，不少时候你都是要一边作一边改，甚至可能会来个乾坤大挪移。当真的须要发生变更和修改的时候，你有什么对策?这些都是须要想好，而且创建在一个逻辑上。
一般专业的设计师，设计一个网页的元素都是同质性很高，等比或对比的，因此代码按理也是能够重复用的。因此为什么你要学会用 CSS preprocessor (Sass,stylus,less)，写一个 Mixin 或一个变量，一开始用你会以为很麻烦，可是用了你就回不去了，不但提升你的效率还提升了你的准确率。
工程师的世界就如武林，你们都各自修炼，天天都有新的祕籍，你们都很好奇跑去修炼一下，但愿有天成为武林高手。这也是提高你见识和专业的潜动力，若是你没有好奇心，看的和懂得东西太少，逻辑天然不会跟上时代。要保持不断的学习，来磨练本身的逻辑思惟。
逻辑思惟某程度，就是你的程序专业能力，除了能写出来还要可维护，可阅读。当事情创建在一个很好的逻辑上，那么出错概率就会比较低，和你工做的人也会比较愉快。
能够把一件事作的很好，那是师傅;能够把一件事作好和预测将来的事，那才是专家。

商业思惟

PM、老板或者客户，都会问你，「你须要多少时间」，若是说的过短，可能会作不完;若是说的太长，也不可能，这是一个怎么回答怎么死的问题。有时候，须要换一个立场，站在第三方的角度思考。咱们的完成度，和他们的完成度多是不同的。
咱们把案子的细节分红两种状况，一种是你已经有经验，能够预估时间的;一种是你没有作过或你很陌生的，你没有时间估计的基础。
那么提出一个，他们能够最低接受的标准，例如一个 App 网站，最低标准须要一个首页，和一个连接去下载 app 的 2 个按钮，这些都是能够预估的。而剩下的，你须要 Research 一下，以后再给一个比较有根据的时间。估计一个案子须要多少时间作完，是很是很是的重要，由于你消耗的是一组人的时间，不是你本身的(除非你本身一我的 作，或者你是老板)。若是你估算错了，后面就会延期，作不出来没有很大的关系，最重要是把问题解决，提出你的解决方法，什么样的方法才能够达到解决问题的 目的。
换一个立场提出解决方案，对事情是有帮助的，对公司或客户是有帮助的，客户不会在意你解决不了手机网页看不到 20 个栏位的 table 那个问题，可是客户很乐意听你说，这样的 Table 很差看，能够换一个显示的方法。客户也不太在乎你是用 Rails 仍是 php(有些是很在乎，他们伪装他们懂)，能够购物和发文就好。
前端工程师可能很容易接触到客户的投诉，因此有些东西没有想好，就会很麻烦。作个网站，换做你是网友或客户，你会满意你本身作的网站吗?

设计思惟

不少时候，前端工程师自己也是设计师，可是也有不少是自己是前端工程师也是后端工程师，设计和前端是分割不开的。固然我这里说的设计，不是真的要你弄一个画面或完整的设计图。
“It’s not just what it looks like and feels like. Design is how it works.” —Steve Jobs
前端的设计是指一个画面或元素，如何被执行和创造，移动或消除，这个设计在不一样的宽度和高度，不一样的装置看，效果是怎样，考虑进去就是你的设计思惟，怎么把设计师的画面弄成一个活生生的网页，要用设计师的角度去思考，才能有办法把设计图的概念充分的表达出来。
话说早前，收到一个「设计图」，上面有一个「X」，我问客户这是什么，他说是「回上一页」，为什么回上一页是「X」，这不是一个 popup 也不是一个 modal，同时这个图上还有不少不一样颜色和大小的「X」，分别表明了「删除」、「关闭」、「滑下」，这是一个不太合理的设计。
设计的思惟，会直接影响你写的代码结构和网页结构，由于你看不出设计的重点在哪里，怎么写才能够达到设计师要求的效果，你没有办法好好的组织你 的结构和元素，就没法好好把网页拼凑出来。这不但大大下降了你的效率，作出来的东西也不会一致。可能一个网站，就出现几种本该同样，结果「很像」可是不一 样的按钮，由于你用了几个 class 和不一样结构来作。你一开始就没有好好思考设计。