Inhaltsverzeichnis
前端工程师应该具备的三种思维
Heim Backend-Entwicklung PHP-Tutorial 前端工程师应该具备的三种思维_PHP教程

前端工程师应该具备的三种思维_PHP教程

Jul 13, 2016 am 10:17 AM
Front-End-Ingenieur 工程师

前端工程师应该具备的三种思维

编者按:本文通过逻辑思维,商业思维,设计思维三种维度来匹配你是否一位合格的前端工程师。因为前端工程师不仅仅是负责接资料,捞数据,做个回应等这些杂事,他们应该更加需要去跟后端工程师、设计、PM进行沟通。所以,团队合作,协调配合等等都需要考虑代码以外更多的事情。


如果你是一个天才工程师马上可以离开),可以独立完成一个很多事情,你可以是一个怪咖,因为我相信没有一个人不会不佩服你。但现实归现实,多数人都不是天才,而我们在职场上也不是单打独斗,我们需要团队合作,需要协调和配合,需要考虑除了代码以外的更多事情。

前端工程师,也不仅仅只是负责接资料,捞数据,做个回应。当然只做这些也并没有不对,但我们需要和后端工程师沟通,我们也需要和设计沟通,也需要和 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 和不同结构来做。你一开始就没有好好思考设计。

你可以做什么

  1. 没事要练功,FB 逛几分钟就好,不需要留恋太久。

  2. 做好一个网站,自己玩一下,给你朋友玩一下,问一下他们的意见?多问几个。

  3. 多看设计图,看思考一下你会怎么做。

本文出自:kimix 的博客

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/889925.htmlTechArticle前端工程师应该具备的三种思维 编者按: 本文通过逻辑思维,商业思维,设计思维三种维度来匹配你是否一位合格的前端工程师。因为前...
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was macht ein Front-End-Ingenieur hauptsächlich? Was macht ein Front-End-Ingenieur hauptsächlich? Mar 19, 2024 am 11:46 AM

Zu den Hauptaufgaben eines Front-End-Ingenieurs gehören Webentwicklung, Interaktionsdesign, Front-End-Logikentwicklung, Responsive Design, Leistungsoptimierung, Andocken an das Back-End, Browserkompatibilität, Versionskontrolle und Zusammenarbeit sowie die Verfolgung neuer Technologien. Front-End-Ingenieure arbeiten daran, Webseiten zu erstellen, die eine gute Benutzererfahrung und hervorragende Leistung bieten.

Analyse der Verantwortlichkeiten des Front-End-Ingenieurs: Was ist die Hauptaufgabe? Analyse der Verantwortlichkeiten des Front-End-Ingenieurs: Was ist die Hauptaufgabe? Mar 25, 2024 pm 05:09 PM

Analyse der Verantwortlichkeiten des Front-End-Ingenieurs: Was ist die Hauptaufgabe? Angesichts der rasanten Entwicklung des Internets spielen Front-End-Ingenieure eine sehr wichtige berufliche Rolle und spielen eine wichtige Rolle als Brücke zwischen Benutzern und Website-Anwendungen. Was machen Front-End-Ingenieure also hauptsächlich? In diesem Artikel werden die Verantwortlichkeiten von Front-End-Ingenieuren analysiert. Lassen Sie uns das herausfinden. 1. Grundlegende Verantwortlichkeiten von Front-End-Ingenieuren Website-Entwicklung und -Wartung: Front-End-Ingenieure sind für die Front-End-Entwicklung der Website verantwortlich, einschließlich des Schreibens von HTML, CSS und JavaScr der Website

Was macht ein Java-Ingenieur? Was macht ein Java-Ingenieur? Dec 22, 2023 pm 04:46 PM

Verantwortlichkeiten von Java-Ingenieuren: 1. Java-Ingenieure sind dafür verantwortlich, die Bedürfnisse von Kunden oder Unternehmen zu analysieren und zu verstehen und Softwarelösungen basierend auf diesen Bedürfnissen zu entwerfen. Sie müssen mit Kunden oder Teammitgliedern kommunizieren, um sicherzustellen, dass die Anforderungen genau und vollständig verstanden werden. 2. Java-Ingenieure müssen mit verschiedenen Java-Entwicklungstools und Frameworks vertraut sein. 3. Java-Ingenieure müssen auch mit Datenbankverwaltungssystemen wie MySQL, Oracle oder SQL Server vertraut sein Ingenieure müssen Systemtests und Debugging usw. durchführen.

Welche Rolle spielen MLOps? Welche Rolle spielen MLOps? May 09, 2023 am 11:40 AM

Sind Sie daran interessiert, MLOps-Ingenieur zu werden? Erfahren Sie noch heute mehr über die Rolle des MLOps-Ingenieurs. Daher wurde ein Modell für maschinelles Lernen erstellt. Es erreicht die erwartete Leistung für den Validierungsdatensatz. Es war eine Freude, bei der Erstellung dieses Modells Datenwissenschaft und maschinelles Lernen anzuwenden. Es ist jedoch nicht sehr hilfreich zu wissen, dass das Modell (noch) auf Ihrem lokalen Computer in Jupyternotebook einwandfrei läuft. Damit Benutzer von dem Modell profitieren und das Unternehmen maschinelles Lernen nutzen kann, muss das Modell in einer Produktionsumgebung bereitgestellt werden. Die Bereitstellung und Wartung von Modellen für maschinelles Lernen ist jedoch nicht ohne Herausforderungen. Ein Modell, das in einer Entwicklungsumgebung eine gute Leistung erbringt, kann in einer Produktionsumgebung kläglich versagen. Dies kann auf Daten- und Konzeptdrift und andere Faktoren zurückzuführen sein, die zu Leistungseinbußen führen

Was macht ein typischer Java-Ingenieur? Was macht ein typischer Java-Ingenieur? Feb 03, 2024 am 09:02 AM

Was ist die tägliche Arbeit eines Java-Ingenieurs? Mit der rasanten Entwicklung des Internets sind Softwareentwickler zu einem beliebten Beruf geworden. Als eine der wichtigsten Entwicklungssprachen ist Java Engineer auch für viele IT-Praktiker zur ersten Wahl geworden. Wie sieht also ihre tägliche Arbeit als Java-Ingenieure aus? Die Hauptaufgabe von Java-Ingenieuren besteht zunächst darin, Softwaresysteme und -anwendungen im Zusammenhang mit der Java-Sprache zu entwickeln und zu warten. Sie sind in der Regel am gesamten Lebenszyklus der Softwareentwicklung beteiligt, von der Anforderungsanalyse und -diskussion über das Systemdesign bis hin zur Codierung

Stardust Data bringt MorningStar auf den Markt, sein erstes Produkt, das sich auf die Entdeckung von Datenwerten konzentriert Stardust Data bringt MorningStar auf den Markt, sein erstes Produkt, das sich auf die Entdeckung von Datenwerten konzentriert Mar 21, 2024 pm 01:12 PM

Am 11. März hielt StardustAI, ein führendes internationales Unternehmen für KI-Datentechnologie, seine Frühjahrs-Produkteinführungskonferenz 2024 in Peking ab und brachte MorningStar auf den Markt, ein Daten-Closed-Loop-Produkt für KI. MorningStar ist die erste KI-Datenplattform, die sich auf die Entdeckung von Datenwerten konzentriert. Im Vergleich zu herkömmlichen Datenverwaltungstools ist diese KI-Datenerkennungs-, -verwaltungs-, -kollaborations- und -iterationsplattform mit fortschrittlichen Konzepten, einfacher Bedienung und umfangreichen Funktionen darauf ausgelegt, Datenwerte schneller zu entdecken Modelliteration und Lösung des Problems der KI-Datenschulden können die Schlüsselverbindung einer effizienten Iteration von Unternehmens-KI-Daten unterstützen und Probleme wie die Anhäufung von Datenschuldenrisiken, die Verschwendung von Kosten für geringwertige Daten und eine lange Rückkopplungskette beim Modelltraining vermeiden und Anwendungseffekte usw. ▲Mor

Ist es für Front-End-Ingenieure geeignet, die Go-Sprache zu lernen? Ist es für Front-End-Ingenieure geeignet, die Go-Sprache zu lernen? Mar 27, 2024 am 11:45 AM

Ist es für Front-End-Ingenieure geeignet, die Go-Sprache zu lernen? Mit der kontinuierlichen Weiterentwicklung der Internet-Technologie sind Front-End-Ingenieure nicht mehr auf die Verwendung verschiedener Front-End-Frameworks und -Tools beschränkt und müssen häufiger mit dem Back-End kommunizieren und mit Daten interagieren. In diesem Fall ist es für Front-End-Ingenieure sehr hilfreich, eine Back-End-Sprache zu lernen. Ist die Go-Sprache als schnelle, zuverlässige und effiziente Back-End-Sprache für Front-End-Ingenieure geeignet? Lassen Sie uns als Nächstes darüber sprechen. Warum sollten Front-End-Ingenieure die Go-Sprache lernen? Erstens ist die Go-Sprache eine

Java-Ingenieure müssen Folgendes beherrschen: Verwendung der Baidu-KI-Schnittstelle zur Implementierung eines intelligenten Gesichtsverifizierungssystems Java-Ingenieure müssen Folgendes beherrschen: Verwendung der Baidu-KI-Schnittstelle zur Implementierung eines intelligenten Gesichtsverifizierungssystems Aug 26, 2023 pm 10:28 PM

Java-Ingenieure müssen Folgendes beherrschen: Verwendung der Baidu-KI-Schnittstelle zur Implementierung eines intelligenten Gesichtsverifizierungssystems Einführung: Mit der rasanten Entwicklung der Technologie der künstlichen Intelligenz ist die Gesichtserkennung als wichtige biometrische Identifikationstechnologie in allen Lebensbereichen weit verbreitet. Die AI-Schnittstelle von Baidu bietet leistungsstarke und benutzerfreundliche Gesichtserkennungsfunktionen, die es Entwicklern ermöglichen, schnell intelligente Systeme zur Gesichtsüberprüfung zu implementieren. In diesem Artikel wird vorgestellt, wie die Java-Sprache in Kombination mit der Baidu-KI-Schnittstelle verwendet wird, um ein einfaches und leistungsstarkes intelligentes Gesichtsverifizierungssystem zu implementieren, das Java-Ingenieuren dabei hilft, dies besser zu meistern

See all articles