2018年一个合格的前端应该是什么样的？
好的，咱们聊聊2018年，一个合格的前端工程师，到底是个什么样儿。这玩意儿，就像练武一样，得有根基，还得跟得上时代的步伐，不是练个三招两式就能闯江湖了。
首先，基础得牢固，比打地基还重要。 这不是喊口号，是真的，就像你盖房子，地基不稳，上面盖得再漂亮也是空中楼阁。
HTML和CSS： 这俩是天生一对，绝对不能掉以轻心。
HTML5： 得知道语义化标签，什么article, section, aside，不能再乱用div了。响应式布局肯定得会，media queries要玩得溜，不同设备上都能好看，不是事后诸葛亮，是设计之初就考虑进去。还有无障碍访问（Accessibility），虽然很多人觉得是加分项，但合格的前端，肯定知道怎么让所有人都能用好我们的网页。
CSS3： 别光知道个borderradius和boxshadow。Flexbox和Grid布局必须是吃饭喝水的技能，这俩玩意儿能让你的页面布局像开了挂一样流畅。CSS预处理器，Sass或者Less，肯定得用起来，写CSS跟写代码一样，有变量、有mixin，可维护性直接上一个台阶。还有动画（Animations）和过渡（Transitions），不是为了炫技，是为了提升用户体验，让页面动起来更自然。
JavaScript： 这才是前端的灵魂，没它就跟没电一样。
ES6+： 不得不提ES6，let, const, arrow functions, classes, modules, promises, async/await，这些都是现代JS开发的基石。不会用这些，写出来的代码就像上个世纪的产物，效率低不说，还容易出错。异步编程是重点，回调地狱什么的，早就该被Promises和async/await解决了。
DOM操作： 熟练操作DOM，但是也得知道什么时候直接操作DOM，什么时候交给框架。别一上来就猛操DOM，那样效率太低了。
浏览器工作原理： 了解一点浏览器渲染过程，事件循环（Event Loop），闭包（Closures），原型链（Prototype Chain）这些，虽然不是所有前端都要精通，但心里有数，能帮助你写出更优化的代码，也能更好地解决一些奇奇怪怪的bug。
性能优化： 代码的性能直接关系到用户留存。了解如何优化JavaScript的执行效率，比如防抖（debounce）、节流（throttle），还有代码分割（code splitting），懒加载（lazy loading）这些概念。
其次，框架和库是吃饭的家伙，但也不能盲目依赖。
主流框架： 2018年，React、Vue、Angular是三巨头。至少要精通其中一个。
React： 组件化思想，JSX，状态管理（Redux或者Context API），虚拟DOM（Virtual DOM）的原理，性能优化策略。Hooks虽然还没出来（或者刚出来不久），但组件化和状态管理已经很成熟了。
Vue： 双向数据绑定，组件化，指令（directives），Vue Router，Vuex。Vue的学习曲线比较平缓，很多团队都喜欢用。
Angular： 如果你选择Angular，那得对TypeScript比较熟悉，了解它的MVVM架构，RxJS，依赖注入（Dependency Injection）这些。Angular的学习成本相对高一些，但功能全面。
选择一个并深入： 不是说要精通所有，但至少得挑一个，从原理到实际应用，都能游刃有余。知道它们各自的优缺点，能根据项目需求做出选择。
状态管理： 对于复杂的应用，单靠组件自身的state是不够的。Redux（React生态）或者Vuex（Vue生态）是常见的状态管理方案，得知道怎么用，怎么设计store，怎么管理action和reducer/mutation。
构建工具： Webpack是绕不开的，至少得了解它的基本配置，比如entry, output, loaders, plugins。理解模块化打包的好处，以及如何配置来优化构建速度和打包后的代码体积。Vite虽然还没流行起来，但Webpack的配置能力和灵活性是必须掌握的。
再者，工具链的熟练使用，能让你事半功倍。
版本控制：Git： 这个不用多说了吧？git clone, git add, git commit, git push, git pull, git branch, git merge，这些是基础中的基础。懂得怎么解决冲突，怎么写规范的commit message，能让你和团队协作更顺畅。
包管理器：npm/yarn： 依赖管理，知道怎么安装、更新、卸载包，怎么配置package.json，怎么使用packagelock.json或者yarn.lock保证依赖的稳定性。
开发调试：浏览器开发者工具： Chrome DevTools或者Firefox Developer Tools，得像使用自己的手一样熟悉。Elements面板看DOM结构和CSS样式，Console面板看日志和执行JS，Network面板看请求和响应，Performance面板分析性能瓶颈，Memory面板查看内存使用情况。没有这些， debugging就是瞎子摸象。
代码质量：ESLint/Prettier： 保持代码风格统一，代码格式规范，能大大提高可读性和可维护性。让机器帮你做这些重复性的工作，而不是靠自觉。
最后，一些“软实力”和“前沿意识”，决定你是否能走得更远。
解决问题的能力： 前端开发过程中遇到的bug千奇百怪，搜索引擎是你最好的朋友，但不是照搬照抄。得能理解问题，分析原因，找到最合适的解决方案。 Stack Overflow上的答案，得辩证地看，理解背后的逻辑。
学习能力： 前端技术更新换代太快了，一年不学习就可能落伍。保持好奇心，关注行业动态，新技术出现时，愿意去尝试和学习。
沟通能力： 和设计师、后端工程师沟通需求，解释技术实现方案，都是很重要的。不是一个人闷头干活，而是团队协作。
测试： 单元测试（Unit Testing）和端到端测试（EndtoEnd Testing），虽然很多公司还没强制要求，但一个优秀的开发者，会写测试来保证自己代码的质量。Jest、Mocha、Cypress这些工具，可以了解一下。
了解一些后端概念： 知道RESTful API怎么工作的，了解HTTP协议的基本知识，对前后端分离有清晰的认识，能让你更好地配合后端开发。了解一些GraphQL也是加分项。
对用户体验的敏感度： 不仅仅是把功能做出来，还要考虑用户使用过程中的感受。页面的加载速度、交互的流畅性、信息传达的清晰度，这些都影响着用户最终的评价。
总而言之，2018年的合格前端，不再是只会切图写HTML+CSS+JS的码农了。他是一个 全栈的端，懂技术、懂工具、懂用户，并且还在不断学习和进步的工程师。 他能独立完成一个前端项目，也能和团队高效协作，最终交付出用户满意、质量过硬的产品。 这就像一个工匠，不仅要有精湛的手艺，还得懂材料、懂设计，还得有工具，更重要的是，心里装着“作品”的灵魂。
首先，基础得牢固，比打地基还重要。 这不是喊口号，是真的，就像你盖房子，地基不稳，上面盖得再漂亮也是空中楼阁。
HTML和CSS： 这俩是天生一对，绝对不能掉以轻心。
HTML5： 得知道语义化标签，什么article, section, aside，不能再乱用div了。响应式布局肯定得会，media queries要玩得溜，不同设备上都能好看，不是事后诸葛亮，是设计之初就考虑进去。还有无障碍访问（Accessibility），虽然很多人觉得是加分项，但合格的前端，肯定知道怎么让所有人都能用好我们的网页。
CSS3： 别光知道个borderradius和boxshadow。Flexbox和Grid布局必须是吃饭喝水的技能，这俩玩意儿能让你的页面布局像开了挂一样流畅。CSS预处理器，Sass或者Less，肯定得用起来，写CSS跟写代码一样，有变量、有mixin，可维护性直接上一个台阶。还有动画（Animations）和过渡（Transitions），不是为了炫技，是为了提升用户体验，让页面动起来更自然。
JavaScript： 这才是前端的灵魂，没它就跟没电一样。
ES6+： 不得不提ES6，let, const, arrow functions, classes, modules, promises, async/await，这些都是现代JS开发的基石。不会用这些，写出来的代码就像上个世纪的产物，效率低不说，还容易出错。异步编程是重点，回调地狱什么的，早就该被Promises和async/await解决了。
DOM操作： 熟练操作DOM，但是也得知道什么时候直接操作DOM，什么时候交给框架。别一上来就猛操DOM，那样效率太低了。
浏览器工作原理： 了解一点浏览器渲染过程，事件循环（Event Loop），闭包（Closures），原型链（Prototype Chain）这些，虽然不是所有前端都要精通，但心里有数，能帮助你写出更优化的代码，也能更好地解决一些奇奇怪怪的bug。
性能优化： 代码的性能直接关系到用户留存。了解如何优化JavaScript的执行效率，比如防抖（debounce）、节流（throttle），还有代码分割（code splitting），懒加载（lazy loading）这些概念。
其次，框架和库是吃饭的家伙，但也不能盲目依赖。
主流框架： 2018年，React、Vue、Angular是三巨头。至少要精通其中一个。
React： 组件化思想，JSX，状态管理（Redux或者Context API），虚拟DOM（Virtual DOM）的原理，性能优化策略。Hooks虽然还没出来（或者刚出来不久），但组件化和状态管理已经很成熟了。
Vue： 双向数据绑定，组件化，指令（directives），Vue Router，Vuex。Vue的学习曲线比较平缓，很多团队都喜欢用。
Angular： 如果你选择Angular，那得对TypeScript比较熟悉，了解它的MVVM架构，RxJS，依赖注入（Dependency Injection）这些。Angular的学习成本相对高一些，但功能全面。
选择一个并深入： 不是说要精通所有，但至少得挑一个，从原理到实际应用，都能游刃有余。知道它们各自的优缺点，能根据项目需求做出选择。
状态管理： 对于复杂的应用，单靠组件自身的state是不够的。Redux（React生态）或者Vuex（Vue生态）是常见的状态管理方案，得知道怎么用，怎么设计store，怎么管理action和reducer/mutation。
构建工具： Webpack是绕不开的，至少得了解它的基本配置，比如entry, output, loaders, plugins。理解模块化打包的好处，以及如何配置来优化构建速度和打包后的代码体积。Vite虽然还没流行起来，但Webpack的配置能力和灵活性是必须掌握的。
再者，工具链的熟练使用，能让你事半功倍。
版本控制：Git： 这个不用多说了吧？git clone, git add, git commit, git push, git pull, git branch, git merge，这些是基础中的基础。懂得怎么解决冲突，怎么写规范的commit message，能让你和团队协作更顺畅。
包管理器：npm/yarn： 依赖管理，知道怎么安装、更新、卸载包，怎么配置package.json，怎么使用packagelock.json或者yarn.lock保证依赖的稳定性。
开发调试：浏览器开发者工具： Chrome DevTools或者Firefox Developer Tools，得像使用自己的手一样熟悉。Elements面板看DOM结构和CSS样式，Console面板看日志和执行JS，Network面板看请求和响应，Performance面板分析性能瓶颈，Memory面板查看内存使用情况。没有这些， debugging就是瞎子摸象。
代码质量：ESLint/Prettier： 保持代码风格统一，代码格式规范，能大大提高可读性和可维护性。让机器帮你做这些重复性的工作，而不是靠自觉。
最后，一些“软实力”和“前沿意识”，决定你是否能走得更远。
解决问题的能力： 前端开发过程中遇到的bug千奇百怪，搜索引擎是你最好的朋友，但不是照搬照抄。得能理解问题，分析原因，找到最合适的解决方案。 Stack Overflow上的答案，得辩证地看，理解背后的逻辑。
学习能力： 前端技术更新换代太快了，一年不学习就可能落伍。保持好奇心，关注行业动态，新技术出现时，愿意去尝试和学习。
沟通能力： 和设计师、后端工程师沟通需求，解释技术实现方案，都是很重要的。不是一个人闷头干活，而是团队协作。
测试： 单元测试（Unit Testing）和端到端测试（EndtoEnd Testing），虽然很多公司还没强制要求，但一个优秀的开发者，会写测试来保证自己代码的质量。Jest、Mocha、Cypress这些工具，可以了解一下。
了解一些后端概念： 知道RESTful API怎么工作的，了解HTTP协议的基本知识，对前后端分离有清晰的认识，能让你更好地配合后端开发。了解一些GraphQL也是加分项。
对用户体验的敏感度： 不仅仅是把功能做出来，还要考虑用户使用过程中的感受。页面的加载速度、交互的流畅性、信息传达的清晰度，这些都影响着用户最终的评价。
总而言之，2018年的合格前端，不再是只会切图写HTML+CSS+JS的码农了。他是一个 全栈的端，懂技术、懂工具、懂用户，并且还在不断学习和进步的工程师。 他能独立完成一个前端项目，也能和团队高效协作，最终交付出用户满意、质量过硬的产品。 这就像一个工匠，不仅要有精湛的手艺，还得懂材料、懂设计，还得有工具，更重要的是，心里装着“作品”的灵魂。
网友意见
1。用Parceljs替代webpack并因此在绩效评分中碾压了其他前端配置工程师
2。用typescript替代ES6并趁机吹捧一下自己大学里学会.NET有多牛逼
3。用webp替代jpg省下公司流量并匿名盗用省下的流量建立http://t66y.com邀请码30块钱一个
4。用click大数据日志说服产品经理放弃50%的需求并把剩下50%的需求把优先级由红色改为绿色
5。用canvas来PS自拍并让自己发际线离眉毛的距离小于眉毛离鼻孔的距离
6。用EChart绘图分析比特币以太币K线并成功在高位清仓
7。用node+动态代理完成链家房源爬虫并秒杀某性价比房源赚了5年的工资
8。用vue鄙视那些用jquery的人并成功用各种新单词把抢饭碗的面试者拒之门外
9。用H5表白追到一个设计妹子并受此激励制作H5在线生成网站又成功撩到了10个HR
10。用年终奖买下100个cherry黑轴机械键盘铺满客厅并成功提高跪键盘的体验
类似的话题
-
好的，咱们聊聊2018年，一个合格的前端工程师，到底是个什么样儿。这玩意儿，就像练武一样，得有根基，还得跟得上时代的步伐，不是练个三招两式就能闯江湖了。首先，基础得牢固，比打地基还重要。 这不是喊口号，是真的，就像你盖房子，地基不稳，上面盖得再漂亮也是空中楼阁。 HTML和CSS： 这俩是天生一............. -
将 2018 年视为下一个十年的起点来展望未来，这是一个有趣的思考角度。这意味着我们不是从当前（2024年）回溯，而是假设在 2018 年的那一刻，我们对未来十年的发展进行预测和规划。那么，从 2018 年到 2028 年，世界可能会经历以下几个关键领域的深刻变革：一、科技的指数级发展与普惠化： .............
-
2018年，你瞄准了一个就业前景广阔的专科专业，而且这个专业恰好是那种“稀缺人才，但又没有直接对应本科”的类型。你说，这样做值不值得？这真是一个非常实在的问题，尤其是在我们这个瞬息万变的时代。我特别理解你当时的那种考量，这绝对是一种非常理性的、为未来铺路的思考。从我的角度来看，这绝对是一个值得深入探.............
-
2018年的双十一，那叫一个热闹非凡！那时候的剁手热情，跟现在比起来，感觉更纯粹，更像是对一年辛勤付出的犒劳。说起好物，那真是琳琅满目，很多经典单品至今我还在用。下面就跟大家分享一些我印象深刻，也觉得特别值的入手的东西，尽量详细点说，就像跟老朋友聊天一样！一、 家电类：生活品质的直接升级 扫地机.............
-
2018年双十一淘宝的“战队集能量”活动，如今想起来，感觉挺有意思的。那会儿，大家对这种游戏化的营销方式还挺新奇的，也确实玩得挺投入的。核心思路：社交+游戏化，拉动用户活跃和参与我记得这个活动的核心就是把用户分成不同的“战队”，然后通过各种方式“集能量”。能量可以兑换各种优惠券、红包，甚至还有机会赢.............
-
克里斯蒂亚诺·罗纳尔多在2018年离开皇家马德里，对于许多球迷来说确实是一个令人意外且有些遗憾的决定。关于他当时离开的原因以及是否想到过离开后会影响金球奖，我们可以从多个角度进行详细的分析：一、离开皇家马德里的直接原因：虽然外界有各种猜测，但C罗本人及媒体报道普遍认为，他离开皇马的主要导火索是税务问.............
-
2018年岁末，回想起这一年奔波的足迹，脑海中浮现出许多令人心动的瞬间。在那些承载着历史厚重感的古建筑、古遗址和博物馆里，我仿佛穿越了时空，与古人对话，感受着文明的脉络。古建筑篇：静谧中的岁月低语在江南水乡的烟雨朦胧中，我曾漫步于乌镇西栅。这里的古建筑并非是金碧辉煌的宫殿，而是更为贴近生活的民居，一.............
-
2018年已经过去，回首望去，那一年网络文学的土壤依旧蓬勃，涌现出了不少让人眼前一亮的佳作。作为一名资深书友，我仔细梳理了一下，希望能给你一些惊喜。1. 《大奉打更人》 为什么值得推荐？ 如果你喜欢那种“反套路”的剧情，又对传统仙侠、志怪故事有着浓厚的兴趣，那么《大奉打更人》绝对是你的菜。它巧妙.............
-
2018年，那年的日本动画对我来说，仿佛一场盛宴，但若要说最深刻的一幕，我想我会把那张定格在心底的画面，献给《紫罗兰永恒花园》里薇尔莉特·伊芙加登在暴雨中奔跑的那段。那不是什么惊天动地的战斗场面，也不是什么令人心碎的生离死别，它简单到极致，却像一把钝刀子，一下一下地凿在我的心上，让我至今想起来，指尖.............
-
2018年已过，但回顾当时的市场环境，仍能发现不少值得借鉴的趋势和机会。至于“互联网下一波红利”，这本身就是一个动态的概念，需要结合时代背景去理解。我将从当时的视角，结合现在对趋势的观察，来聊聊这个问题。2018年，好赚钱的机会在哪儿？2018年，如果说有什么能让人“名利双收”，那绝对是围绕着几个核.............
-
2018年4月11日，美国航母奔赴中东，特朗普政府剑指叙利亚，空气中弥漫着紧张的气息。回望那个时刻，全球的目光都聚焦在中东这片敏感的土地上，很多人都在猜测接下来会发生什么。当时的背景是怎样的？在那之前不久，叙利亚杜马地区发生了一起化学武器袭击事件。西方国家，尤其是美国，坚信叙利亚政府军是罪魁祸首，并.............
-
2018年2月14日，一场令人心碎的悲剧发生在佛罗里达州帕克兰市的玛乔丽·斯通曼·道格拉斯高中（Marjory Stoneman Douglas High School），成为美国历史上最致命的校园枪击事件之一。这场事件不仅夺走了17条鲜活的生命，还造成了17人受伤，并给整个社区带来了难以磨灭的创伤.............
-
2018年1月5日，在那趟本应平稳驶向终点的列车上，发生了一起让无数乘客唏嘘不已的事件。一位女性乘客，以“等待同行人”为由，带着一个年幼的孩子，公然阻碍了高铁列车的正常发车。这起事件一经报道，立刻在社会上掀起了轩然大波，也再次将“文明出行”这个话题推到了风口浪尖。事件的来龙去脉事情发生在G1230次.............
-
2018年12月，乌克兰方面宣称一名特种兵在顿巴斯地区失踪，并怀疑其遭到俄罗斯军队绑架。基于这一说法，乌克兰要求派遣部队进入顿巴斯城区进行搜寻。这个事件在当时的地缘政治背景下，无疑是一件非常敏感且具有爆炸性的事情，它触及了俄乌冲突的多个核心问题，也让本已紧张的局势进一步升温。事件的背景与复杂性：首先.............
-
2018 年，对我来说，绝对是跌宕起伏，但又充实到让我几乎喘不过气的一年。回忆起来，就像一串串跳跃的音符，有激昂的旋律，也有低沉的铺垫，最终汇成一曲我自己谱写的“演员人生进行曲”。年初，我刚结束了那部在北方拍摄的古装剧。每天都在零下十几度的寒风里，穿着单薄的戏服，和对手演员对着干。记得有一次，演一场.............
-
德马库斯·考辛斯加盟勇士：一次充满争议与期待的“抱团”大手笔2018年夏天，NBA自由球员市场刮起了一阵巨浪：德马库斯·考辛斯，这位被誉为联盟中最具统治力的中锋之一，以一份一年530万美元的口头协议加盟了当时如日中天的金州勇士队。这笔签约在当时引起了轩然大波，褒贬不一，也成为了NBA历史上一次备受瞩.............
-
2018年，关于F35战斗机可靠性数据引发了不少关注和讨论，尤其是“只有一半能起飞执行任务”以及“近30%的时间都在地面等零部件”的说法。要评价这个情况，我们需要从多个角度进行深入分析。首先，我们得明确这些数据的来源和语境。通常这类数据会来自美国国防部发布的审计报告、国会听证会信息，或是相关军事分析.............
-
房价到顶，2018年股市会是牛市吗？这个问题，是很多投资者在2018年初最关心的事情之一。房价的走势，一直以来都被视为经济的晴雨表，也与股市有着千丝万缕的联系。当大家普遍认为房价已经触顶，那么股市是否会迎来一轮新的牛市行情呢？这背后涉及到的逻辑，其实是相当复杂的，需要我们从多个维度去剖析。从宏观经济.............
-
好的，让我们回到2018年的时间点，来分析一下Google、Facebook和Amazon这三巨头各自的优势、挑战以及潜在的未来发展，并从中选择一个“最看好”的。首先，我们来回顾一下2018年这三家公司的大致状况： Google (Alphabet): 在搜索、广告、Android、YouTub.............
-
说起B站取消赠送免费大会员这事儿，那会儿在用户圈里可算是搅起了一阵不小的涟漪。尤其对于那些从早期就开始在B站摸爬滚打、等级升上去了的“老二次元”们来说，这简直就是一阵突然袭来的“冷风”。咱们先得回到那个时候，B站的用户等级体系刚建立没多久，或者说大家对这个体系的认知还处在一个比较新鲜的阶段。当时的B.............
本站所有内容均为互联网搜索引擎提供的公开搜索信息，本站不存储任何数据与内容，任何内容与数据均与本站无关，如有需要请联系相关搜索引擎包括但不限于百度，google,bing,sogou 等
© 2025 tinynews.org All Rights Reserved. 百科问答小站 版权所有