只要学会这五步!就可以成为万中无一的前端工程师

2024-02-17 05:50

本文主要是介绍只要学会这五步!就可以成为万中无一的前端工程师,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

  1. 无所不知

还记得前端疲劳里的这张图吗?
在这里插入图片描述
没错,优秀的前端工程师掌握了这张图上的几乎一切。他们不受前端疲劳的困扰,他们可以跟上每一次技术更新迭代的脚步,将最新的工具和技术轻松收入囊中。大多数情况下,他们不需要查看技术文档和手册,因为那些东西好像就存在他们的脑子里。无论是写正则表达式,还是调用API,抑或处理复杂的JS代码,他们都能信手拈来。

  1. 完美代码

每次code review,我的内心都很忐忑,因为自己丑陋且性能低下的代码即将曝光在同事的眼前。优秀的前端工程师从来没有这些烦恼,相反,他们的代码往往是被作为模板来接受众人膜拜的。简洁,优雅,高效。有句话怎么说来着,漂亮的不像实力派。偏偏漂亮还不够,连注释都恰到好处。总之就一句话,给你一个无法拒绝赞美它的理由。
在这里插入图片描述
3. 极度专注

在这样一个时间被互联网不断撕裂的时代,专注早就成为了一种奢侈的品质。而优秀的前端便享有这份奢侈。他们似乎感觉不到疲惫,不是在写代码,就是在去写代码的路上。当大多数人都沉迷于吃鸡农药等游戏中时,他们却始终让自己沦陷在代码的世界里。请你给我一个他们不优秀的理由。

传说很难照进现实

不知道你的身边有没有做到以上三点的前端工程师。这种人当然存在,但作为普通前端的我们可能根本接触不到他们。因为能做到三点中的一点都已经远远不止优秀这个词可以形容了。 做到两点或者以上的人应该已经不会是单纯的工程师了,至少已经是leader或者是CTO了吧。我们可以把这些传说中的特质视为自己的奋斗目标,但我们不应该把“优秀”定义的如此高不可攀,不近人情,让大多数勤奋的前端工程师们与优秀“绝缘”。
在这里插入图片描述
#五步,让优秀触手可及

  1. 承认自己不知道

是的,你没看错,承认自己不知道绝对是一种优秀的表现。前端技术的爆炸式发展带来了很多创新的理念和极致的体验,它早已无处不在。但同时,它也让前端开发者们处在需要时刻跟上前端发展步伐的迷茫和痛苦中。若不加判断的追逐这种日新月异的技术进步,就会走入什么都学了一点,但什么都没学会的境地。

不知道所有的技术没有关系,你也不可能都知道。大胆的承认自己不知道,比打肿脸充胖子假装自己知道的人要优秀的多。

“React好复杂啊,要加上ReactRouter和Flux才能写大型应用”

“嗯嗯,我也这样觉得(内心:React是什么。。。)”

“那你平常用React做什么?“

“。。。(卒)。。。”

  1. 新技术 != 合适的技术

你可能不止一次的听到过这样的嘲讽:“什么?你还在用Gulp?太过时啦,现在大家都用Webpack,比Gulp好用多了”。我不知道这种嘲讽有什么道理。新的技术就一定比原来的好?

脱离了实际的应用场景去评价工具的好坏就是耍流氓。我们学习和使用新的技术,一定不能只是因为它新它酷炫,而是因为它能够更好的帮助我们解决当前的问题。如果旧的技术已经帮我们完美的解决了问题,那我们完全可以选择忽视新的技术。

下次再有人单纯的因为没用最新的工具来怼你,你就大胆的对他说:“小孩才分新旧,大人只看利弊,对解决问题有利的才是最好的。你呀,too young too simple。”

  1. 有效地利用资源

能记住大量的技术细节当然是强大实力的体现,但记不住并不代表弱小和拙劣。在这样一个信息量如此奢华的互联网时代,大多数的知识都可以在5分钟内百度谷歌到。很多大的公司不是喜欢将一些小业务外包出去吗,我们也可以把自己的一部分记忆“外包”给互联网。

这个道理就像计算机。内存的空间是宝贵的,而硬盘则没有太多空间上的烦恼。我们的大脑就像内存,而互联网就是我们的硬盘。我们只需要在大脑里存储空间占用极小的索引,把具体而庞大的知识细节交给互联网这个巨大的硬盘存储。如果我们把大量的知识和技术细节存储在大脑——一个昂贵的内存上,这岂不是暴殄天物吗。

因此,最重要的不是记住多少知识和技术,而是在需要用到它们的时候能够快速高效的利用在大脑内建立的索引,然后在互联网这个容量几乎无上限的硬盘上找到它们。知道知识在哪,这绝对是一种优秀。

  1. 不完美,怎么了

每个程序员都想写出完美的代码,可问题在于,这一切都得从写有问题的代码开始。最重要的是,我们得开始写,不能因为害怕不完美就不写。这和写作是一回事。我半年多没有在简书上写文章了,这并不是因为我不想写,而是我太想写出精彩、完美的文章,反而让自己无法下笔了。这让我陷入深深的自我怀疑中,怀疑我平庸的才华无法匹配我对自己过高的期待。但我今天还是写了这篇文章,因为我反复告诉自己:简单点,写作的方式简单点(这句话自带旋律…)。

写代码也是这样,它得先被写出来才能给我们让它变得完美的机会啊。事实上,完美的代码并不是写出来的,而是改出来的。debug的能力比coding的能力还重要。我很喜欢这样一句话:“Software is soft.” 软件是软的,代码也是软的。还记得我们小时候玩过的软软的橡皮泥吗?没捏好怎么办?没关系啊,反正它是软的,摊平了重捏啊。写代码就是这个道理。

  1. 能沉进去,也能跳出来

我们都认为,优秀的人之所以优秀是因为他们能够让自己沉浸在自己所做的事情中,不受外界的打扰。这当然是对的,只有专注、聚焦在一件事情上,我们才能把那件事情做好。优秀的前端工程师一定是那些始终磨练着自己的技术和密切关注着前端领域发展的人。是他们的专注和不知疲倦造就了他们的优秀。可是事实是这样吗?并不完全是。

前端开发的脚步已经渗透到了人类社会的方方面面,每个行业都需要网站,都需要找到和特定人群交互的方式,而前端技术正是这类需求的最佳解决方案。作为前端开发者的我们,如果仅仅把自己局限在前端技术这个狭窄的领域内,技术的创新又从何而来呢?

我自己是音乐爱好者,平常会录点音乐视频自娱自乐。有一天我心血来潮,想知道前端领域和音乐有没有碰撞出什么火花。上谷歌一搜索,便发现了很多优秀的JavaScript的音频库。什么howler.js,loop.js,audiosynth.js, tone.js,全都是music library for JavaScript。试问,如果那些作为前端开发者的音乐爱好者们只关注前端而放弃了自己的爱好,那么,还会有这些优秀的令人脑洞大开的前端音乐工具存在吗?

跳出前端,在不写代码的时候继续培养自己的兴趣和爱好,让自己接触到不同的领域和行业,从而使自己拥有不同的视角。正是我们把各种各样的兴趣引入到了前端的世界里,才让前端的创新层出不穷,技术蓬勃发展。

这篇关于只要学会这五步!就可以成为万中无一的前端工程师的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:https://blog.csdn.net/weixin_43460372/article/details/88988612
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/716847

相关文章

前端下载文件时如何后端返回的文件流一些常见方法

《前端下载文件时如何后端返回的文件流一些常见方法》:本文主要介绍前端下载文件时如何后端返回的文件流一些常见方法,包括使用Blob和URL.createObjectURL创建下载链接,以及处理带有C... 目录1. 使用 Blob 和 URL.createObjectURL 创建下载链接例子:使用 Blob

Vuex Actions多参数传递的解决方案

《VuexActions多参数传递的解决方案》在Vuex中,actions的设计默认只支持单个参数传递,这有时会限制我们的使用场景,下面我将详细介绍几种处理多参数传递的解决方案,从基础到高级,... 目录一、对象封装法(推荐)二、参数解构法三、柯里化函数法四、Payload 工厂函数五、TypeScript

Vue3使用router,params传参为空问题

《Vue3使用router,params传参为空问题》:本文主要介绍Vue3使用router,params传参为空问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录vue3使用China编程router,params传参为空1.使用query方式传参2.使用 Histo

CSS Padding 和 Margin 区别全解析

《CSSPadding和Margin区别全解析》CSS中的padding和margin是两个非常基础且重要的属性,它们用于控制元素周围的空白区域,本文将详细介绍padding和... 目录css Padding 和 Margin 全解析1. Padding: 内边距2. Margin: 外边距3. Padd

CSS will-change 属性示例详解

《CSSwill-change属性示例详解》will-change是一个CSS属性,用于告诉浏览器某个元素在未来可能会发生哪些变化,本文给大家介绍CSSwill-change属性详解,感... will-change 是一个 css 属性,用于告诉浏览器某个元素在未来可能会发生哪些变化。这可以帮助浏览器优化

CSS去除a标签的下划线的几种方法

《CSS去除a标签的下划线的几种方法》本文给大家分享在CSS中,去除a标签(超链接)的下划线的几种方法,本文给大家介绍的非常详细,感兴趣的朋友一起看看吧... 在 css 中,去除a标签(超链接)的下划线主要有以下几种方法:使用text-decoration属性通用选择器设置:使用a标签选择器,将tex

前端高级CSS用法示例详解

《前端高级CSS用法示例详解》在前端开发中,CSS(层叠样式表)不仅是用来控制网页的外观和布局,更是实现复杂交互和动态效果的关键技术之一,随着前端技术的不断发展,CSS的用法也日益丰富和高级,本文将深... 前端高级css用法在前端开发中,CSS(层叠样式表)不仅是用来控制网页的外观和布局,更是实现复杂交

Python将博客内容html导出为Markdown格式

《Python将博客内容html导出为Markdown格式》Python将博客内容html导出为Markdown格式,通过博客url地址抓取文章,分析并提取出文章标题和内容,将内容构建成html,再转... 目录一、为什么要搞?二、准备如何搞?三、说搞咱就搞!抓取文章提取内容构建html转存markdown

在React中引入Tailwind CSS的完整指南

《在React中引入TailwindCSS的完整指南》在现代前端开发中,使用UI库可以显著提高开发效率,TailwindCSS是一个功能类优先的CSS框架,本文将详细介绍如何在Reac... 目录前言一、Tailwind css 简介二、创建 React 项目使用 Create React App 创建项目

vue使用docxtemplater导出word

《vue使用docxtemplater导出word》docxtemplater是一种邮件合并工具,以编程方式使用并处理条件、循环,并且可以扩展以插入任何内容,下面我们来看看如何使用docxtempl... 目录docxtemplatervue使用docxtemplater导出word安装常用语法 封装导出方