一名合格前端工程师的进阶指南

时间:2019-07-16 来源: 星座
sunbet娱乐国际

R6Ay3Xl4IFwSVm

作者王超,目前快狗出租车的负责人(原为58速)。他曾在Renh.com,Qihoo 360工作,并在互联网行业拥有8年的工作经验。

从0到1,快狗前端团队成立,负责团队的技术系统。它形成了一个基于Webpack和Vue的快速狗前端技术系统,并由Node.js中间层补充。它是自动化的,工程化的和组件化的。

本文将讲述王超的个人经历,为什么工程学是前端领导者的必修课程

近年来Web前端的发展速度惊人,许多前端工程师都忍不住溜走了。

如今,它不是HTML,CSS和JS前端剑的三个剑客的时代。

以我自己的经验为例。我在2011年左右进入了前端领域。那时,工作的主要内容是将设计草案转换为静态页面,然后使用jQuery插件实现轮播和马戏团等交互式效果。

最后,使用Smart,Velocity等后端模板语言将页面逻辑添加到静态页面,并将代码交给服务器学生完成在线。在整个过程中,JS框架由jQuery主导,而CSS至少使用Less。

让我们来看看今天的前端工作风格,并以我所在的快狗出租车的前端团队为例。前端开发框架基于Vue,并使用Webpack解决界面模拟,代码检查,代码编译,构建,压缩,添加版本号和部署的整个过程。

涉及的技术要点是Vue,Vuex,ESlint,stylelint,Mock,Webpack,Sass,PostCSS等。前端的要求已从简单的JS和CSS问题转变为比几年前更加面向工程的问题。

前端工程是一个很大的主题,即使现在也没有准确的定义。我对前端工程的个人理解是:“所有可以提高前端开发效率和提高前端应用程序质量的工具和工具都是前端工程。” (参见原课程的内容)

在前端领域变得越来越繁荣,今天越来越复杂,前端工程的学习带给我们的好处是什么?

1.大大提高开发效率

前端工程的发展可以大大提高开发效率。从前端到现在,社区已经出现了大量优秀的框架和工具,可以让前端工程师免于繁重的工作。

例如,要将click事件绑定到dom元素,您可以使用纯JS:

执行此操作

RVB3PSXEuHkfg4

在引入jQuery的情况下,它更简单:

RVB3PSlCAIIshl

如果它在Vue中,它很简单明了:

RVB3PT0Eh1L27N

如果存在大量事件绑定,但是不支持开发工具,则会有很多重复的代码要编写,考虑它,并且效率很低。

2.降低开发大型项目的难度

首先,在前端工程中提倡模块化和组件化。

模块化的想法打破了大型项目的功能,并将它们分成单独的模块。开发每个模块的难度急剧下降。同时,基于版本控制工具Git,多个开发人员可以并行开发以提高开发效率。当项目稍后迭代时,因为每个模块相对独立,所以耦合极低。功能调整通常只需要修改其中一个模块,风险可控。单个代码不会发生任何更改,从而导致全局问题。

其次,前端工程主张使用复杂的工艺规范和代码规范来确保大型应用程序的质量和可维护性。

例如,代码由ESlint和stylelint自动验证,通过对评审的每个部分,详细设计,开发,联合调试,测试和在线的控制来确保项目的质量。主分支的合并代码必须通过代码审查。流程规范确保按时交付大型项目质量和可维护性。

因此,前端工程项目的应用往往能更好地规避风险,分散流程压力,降低开发难度。

3.让面试官更容易受到欢迎

前端工作技能发生了深刻的变化。有人甚至开玩笑说前端工程师是前端配置工程师。

Fouber(张云龙)曾在博客文章中说:“前端是一个软件开发领域,技术问题较少,工程问题较多。”

依稀记得六七年前的前端采访问题可能就是这种风格:“如何实现水平垂直居中?” “js事件委托的原理是什么?” “什么是常见的CSS乱码?”,“$(function {})window.onload有什么区别?”

我今天遇到的访谈问题可能是这样的风格:“你能告诉我Vue如何实现双向数据绑定吗?”,“如何在Webpack中配置Babel?”,“promise和await/async有什么区别? “

对面试问题的关注程度发生了很大变化。

如果您想在大公司工作,前端工程需要具备基本素质。大公司的业务往往非常复杂,需要高度稳定。相应的前端工程非常高,各种支持基础设施都很成熟。

例如,美国小组审查系统工程解决方案,移动组件库Vix,自动化测试工具Freekite,混合功能体验解决方案Titans等。

为了获得大公司的青睐,候选人需要在前端工程领域有深厚的积累。

初级高级前端工程师

初级中级前端工程师的工作经验较少,技术的广度和广度不足。总体而言,掌握前端工程肯定是困难的。因此,对于这部分学生来说,首先要学会“使用”,一步一步地了解原理。

例如,在开发过程中,我学会了如何实现一个简单的脚手架工具,如何实现日常开发所需的脚手架,并学习其中使用的技术要点。

期待推广的前端工程师

前端工程能力也是复杂前端的必备技能。我已经工作了很多年。如果我对前端工程知之甚少,即使是基本的脚手架也无法自己构建。我怎样才能领导团队?如果你参加公司的推广活动,那就无法令人信服。

如果您想要推广T,您需要在效率和性能优化方面做出深刻的积累和贡献。

因此,无论您处于什么阶段,都必须深入了解前端工程。

许多开发人员由于入门时间较短而无法访问前端工程领域,或许多开发人员因公司业务而多年工作。

对于那些不了解前端工程或想加深对前端工程的理解的读者,我专门设计了一门课程《透视前端工程化》。

课程内容从Vue开始(其他框架可以相应调整),结合我在团队中的工程实践,引导每个人从头开始构建脚手架,并逐一拆卸用于构建脚手架的技术要点。阅读后,您可以更深入地了解脚手架和工程理念。

我相信在完成本课程后,您至少有以下几点:

对前端工程有系统的了解,前端知识的广度得到了很大的提高;

可以独立设计可直接应用于实际业务的前端工程解决方案;

帮助进行面试和级别升级,进入更好的平台,并获得更好的报酬。

RVd1mEu25w0w3W

顺便说一下,我还为购买此课程的读者设立了一个微信群。您可以在第03课的内容中获取组输入法。

新闻排行
  1. 美国耳机品牌SOUL最近推出了超高性能的真正无线蓝牙耳机ST-XS2。作为ST-XS的增强版,ST-XS2拥有更时尚的设?

    美国耳机品牌SOUL最近推出了超高性能的真正无线蓝牙耳机ST-XS2。作为ST-XS的增强版,ST-XS2拥有更时尚的设?...

  2. TheChinesemen'sbasketballteamlosttwostraightintheNBASummerLeague,butGuoAilun'sperformancewasremarkab

    TheChinesemen'sbasketballteamlosttwostraightintheNBASummerLeague,butGuoAilun'sperformancewasremarkab...

  3. 张艺兴,2012年,以EXO-M和EXO组合成员身份正式出道。2015年11月,获2015亚洲影响力最具影响力全能艺人奖。

    张艺兴,2012年,以EXO-M和EXO组合成员身份正式出道。2015年11月,获2015亚洲影响力最具影响力全能艺人奖。...

  4. 英语考场最痛苦的事情可能是作文要求可以理解,写作思路清晰,但核心关键词不是写的!在脸上大写。与小编一

    英语考场最痛苦的事情可能是作文要求可以理解,写作思路清晰,但核心关键词不是写的!在脸上大写。与小编一...

  5. 作者王超,目前快狗出租车的负责人(原为58速)。他曾在Renh.com,Qihoo360工作,并在互联网行业拥有8年的?

    作者王超,目前快狗出租车的负责人(原为58速)。他曾在Renh.com,Qihoo360工作,并在互联网行业拥有8年的?...

  6. 美国耳机品牌SOUL最近推出了超高性能的真正无线蓝牙耳机ST-XS2。作为ST-XS的增强版,ST-XS2拥有更时尚的设?

    美国耳机品牌SOUL最近推出了超高性能的真正无线蓝牙耳机ST-XS2。作为ST-XS的增强版,ST-XS2拥有更时尚的设?...

  7. 据了解,居住在四线城市的一名男子在旅行时突然听到垃圾场旁边的哭声。那个男人走过去,想知道地上有一个婴

    据了解,居住在四线城市的一名男子在旅行时突然听到垃圾场旁边的哭声。那个男人走过去,想知道地上有一个婴...

  8. 当你喜欢某人时,没有办法掩饰。如果不是因为你对你有感情,谁会对别人莫名其妙?汛期的异性朋友和男女完全

    当你喜欢某人时,没有办法掩饰。如果不是因为你对你有感情,谁会对别人莫名其妙?汛期的异性朋友和男女完全...

  9. 您的PolycomPolycomStudio智能USB音频和视频会议工件在线我们是一家专业的音视频会议系统代理商,提供专业?

    您的PolycomPolycomStudio智能USB音频和视频会议工件在线我们是一家专业的音视频会议系统代理商,提供专业?...

  10. 当你喜欢某人时,没有办法掩饰。如果不是因为你对你有感情,谁会对别人莫名其妙?汛期的异性朋友和男女完全

    当你喜欢某人时,没有办法掩饰。如果不是因为你对你有感情,谁会对别人莫名其妙?汛期的异性朋友和男女完全...

日期归档
友情链接