前端工程师的兴起
前端工程师的兴起
在很久很久以前,是没有前端工程师的,那时候,前后端是不分离的,页面由 JSP、PHP 等工程师在服务端生成,浏览器负责展现。基本上是服务端给什么浏览器就展现什么。
有时候甚至由设计师直接用dreamweaver拖出一张网页来。但这种前端开发模式局限性太大,而且性能差,代码冗余。不适合开发大型项目。
随着互联网的极速发展,业务变得越来越复杂,传统的前端开发模式已经无法胜任需求。各种前端技术的不断兴起,造就了前端开发工程师一职的产生。
这时候,前后端开始真正分离了。后台开始可以只专注于业务逻辑的实现,而不用去管数据的呈现,这些事情全部交给前端来完成。
随着前端的不断发展,javascript的不断成熟,各种框架,库,前端开发工具,AJAX的出现,前端逻辑也变得越来越复杂,能解决的问题也越来越多,
许多以前由后台来实现的功能甚至转移到前端来实现,前端开得到越来越多的重视。
前端工程师的职责
前端是什么的呢?你所看到的就是前端,即离用户最接近的那一部分,从PC端到移动端,前端无处不在,所以可以不夸张的说,一个产品的成功与失败,几乎取决于前端。
前端的上游是UI设计师,下游是后台工程师,中间还有产品经理,前端是前二者结合的产物。
所以作为前端你需要懂设计懂交互,这样才能实现出用户体验很好的产品,有时候你的公司是没有UI的,这时候设计也都由前端来;
前端需要写前端代码,还需要懂后台,才能与后台更好的交互,而且有时候公司里是没有后台的,这时候后台也都由前端来;
前端还需要有说服别人的能力,在你的产品经理对你提出一大堆稀奇古怪天马行空的需求的时候,你能够说服他不要这样做;
前端还要很会跑,当你不小心把你的产品经理的门牙打下来的时候,你能确保他追不上你。
前端,多么文艺的一个职位,有着设计师的感性,又有着工程师的理性。
前端工程师必点技能树
是时候祭出这张图了...
如果你想成为一个很厉害的前端工程师的话,上面所列举的技能应该成为你职业生涯中对于技术的追求。
前端工程师永远的痛
上联:为需求而生,为用户而死,为浏览器奋斗一辈子!
下联:吃C S S 亏,上 J S 的当,最后死在兼容上!
横批:前端人生
前端开发过程中,至少1/3的时间会花费在浏览器的兼容上,妈蛋还不一定能全部解决,当你的老板跟你说要兼容到IE6的时候,估计那时候前端工程师想死的心都有了吧。
有人说,“如果你没有黑过IE,你就不算一位真正的前端工程师”。
结尾
在前端领域有一个特点,几乎大家都是半路出家的,全靠自学成才,因为大学里基本没有开设这个专业的。然而也存在另一个特点,就是出现两个极端,厉害的厉害的飞起简直下一秒地球就要爆炸了,差劲的特别差
劲,写出来的代码跟屎一样。所以很多公司都抱怨找不到前端,其实只是抱怨找不到厉害的前端。所以现在的前端领域实在太需要人才了,随着09年NodeJs的横空出世,现在的前端工程师已经能前后端通吃了,还在犹豫什么?赶快加入我们前端大军吧!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

L'article traite de l'utilisation Effecte dans React, un crochet pour gérer les effets secondaires comme la récupération des données et la manipulation DOM dans les composants fonctionnels. Il explique l'utilisation, les effets secondaires courants et le nettoyage pour éviter des problèmes comme les fuites de mémoire.

L'article explique l'algorithme de réconciliation de React, qui met à jour efficacement le DOM en comparant les arbres DOM virtuels. Il traite des avantages de la performance, des techniques d'optimisation et des impacts sur l'expérience utilisateur. Compte de charge: 159

Les fonctions d'ordre supérieur dans JavaScript améliorent la concision du code, la réutilisabilité, la modularité et les performances par abstraction, modèles communs et techniques d'optimisation.

L'article traite du curry dans JavaScript, une technique transformant les fonctions mulguments en séquences de fonctions à argument unique. Il explore la mise en œuvre du currying, des avantages tels que des applications partielles et des utilisations pratiques, améliorant le code

L'article discute de la connexion des composants React à Redux Store à l'aide de Connect (), expliquant MapStateToproprop, MapDispatchToprops et des impacts de performances.

L'article explique UseContext dans React, qui simplifie la gestion de l'État en évitant le forage des accessoires. Il traite des avantages tels que les améliorations centralisées de l'État et des performances grâce à des redevances réduites.

L'article discute de la prévention des comportements par défaut dans les gestionnaires d'événements à l'aide de la méthode empêchée dedEfault (), de ses avantages tels que une expérience utilisateur améliorée et des problèmes potentiels tels que les problèmes d'accessibilité.

L'article discute de la mise en œuvre de crochets personnalisés dans React, en se concentrant sur leur création, les meilleures pratiques, les avantages de la performance et les pièges communs à éviter.
