专栏首页歪脖贰点零前端工程化的个人思考-续

前端工程化的个人思考-续

有朋友问最近看的哪两本关于前端的书籍——《前端架构设计》+《前端工程化:体系设计与实践》,一本重道,一本重术,道与术结合更具指导意义。希望了解前端的朋友推荐看一下。

接着上篇未完的话题,《前端工程化的个人思考》,前端工程化很庞大,涉及的点也比较多,笔者也只是想到那里就写到那里,要讨论的朋友可在文末留言讨论。

规范检查

既然走工程化路线,代码规范刚首当其冲,但每个人的编码习惯各异,只能靠团队规范来大方向上求同存异,Java的规范是出了名的,规范检查插件、组件也是种类繁多。前端自然也会有对应的组件来解决前端代码的规范问题,如jslint,eslint,stylelint等,结合svn/git或构建编译工具来确保代码的规范性,应该也有详细的规范文档来约定。我比较喜欢用的工具组合是SonarQube+Jenkins,利用Jenkins进行持续集成构建的同时,进行规范检查,将结果输出到SonarQube中在页面上展现出来,当然这属于一种后置的检查,在本机开发构建时,就可以集成到构建工作包或IDE插件中进行检查。

前端测试

不少项目针对后端有严格的单元测试通过率、测试代码覆盖率、代码注释率等,但对前端要求比较少,这也从侧面说明前端测试不好做,特别是前端的自动化测试工作。如果是前后端兼顾的开发,你基本是不会想到给前端代码写单元测试的,因为后端的逻辑性更强,测试方便。如果你是专职做前端开发的,你应该想想有没有给你的前端代码做单元测试?我们总是习惯于在JS代码中加入alert或console,刷新页面看看到底结果如何,一处又一处,一遍又一遍,直到随处可见的alert/console淹没在正常代码处理中。

不好做不代表不能做,具体到不同的技术栈,想必也有对应的测试工具来辅助大家进行测试,如Vue体系、React体系等等,算是有比较成熟的生态。也有独立的优秀三方测试框架,如Mocha、Karma等,结合断言库如char.js(没有写断言验证的单元测试都是耍流氓),集成到CI工具中,完成一个持续性的流程。

工作流

工程化做的比较好的当属Java,而前端前些年似乎不存在这个概念。虽然一部分人也在努力这么做,直到NodeJS的出现,才有了质的飞越。不但提升了前端在软件工程中的地位,也为一大批工具的出现奠定了基础。独立构建、独立部署、任务处理(编译、压缩、混淆、合并、解决依赖、文件hash)等工具的出现,将一个完整的工作流程串联起来,再结合CI/CD工具,可谓发挥出极大的威力,解放人力,提升生产力。特别是Jenkins新版本中Pipeline功能的提出,使工作流程配置更加流畅。

附:《前端架构设计》思维脑图总结图


写到这里,算是这段思考的一个完结,文中提到的点都比较数粗糙,后续还是要深入进去,毕竟觉知此事要躬行。

本文分享自微信公众号 - 歪脖贰点零(growithus),作者:mavenTalk

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-05-10

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 我对"大前端"的偏见

    写这篇也是忐忐忑忑,一个后端聊前端的话题,总显得那么不专业,见识所限,仅供参考。此文的来由也是由前篇文章引申出来的,详见前端工程化的个人思考+前端工程化的个人思...

    歪脖贰点零
  • 前端工程化的个人思考

    在我的印象中,一提到软件工程,首先不会想到的是前端这一块,大概是因为以往工作偏向的缘故。这两年最大的感触就是前端发展的很快,时下的前端开发也远非从网络中抠一段j...

    歪脖贰点零
  • 为什么技术团队领导者多是后台开发人员

    不知道你有没有见过比较粗糙的团队,里面只有后台开发,其它岗位全部缺失,但一样能出结果。外包拉私活,是不是能少个角色就少个分钱的人,一样也能干。回到题目,我认为还...

    歪脖贰点零
  • 新时代的web与app开发

    摘要 近几年前端有着不小的变化,作为前端技术人员,一方面感慨有些自己熟知的技术逐步落幕消亡,另外一方面又看到新事物不断出现,以种种方式改进和冲击着我们的开发方式...

    IT大咖说
  • 为什么总有人觉得前端很简单?

    最近,一位网友在 V 站上问了一个问题:我们公司技术负责人准备培训一下后端,让他们学习一下前端技术栈,从而分担一些前端的工作量。评论区有一位网友表示:“我们是这...

    深度学习与Python
  • 学前端格局要大,不能被限制在“前端”里

    前端确切的讲,只有html、css、javascript三部分,而且不管是实际工作岗位,还是培训机构,也确实是先学会这三种语言。但是一直以来关注我这个微信号的朋...

    web前端教室
  • 年薪20万前端工程师必备技能,你都掌握了么?

    有软件工程方面的研究说,对于开发者个体而言,最优秀的开发者的生产效率约为平均值的2倍,而优秀的开发者会吸引其它优秀的人,或者激励与帮助团队中的其它成员,最终使团...

    用户1730674
  • 为什么都说前端不能一直做,要转行?

    任何事情做到极致都很困难,永无止境。今天似乎在我身边很多朋友的公司对前端的需求量一直很旺盛,他们需要的精通前端、有想法的工程师,可惜这部分人才真的太稀缺了。绝大...

    一墨编程学习
  • 《前端开发职位的发展方向 -- 大前端》| 微课-文字版

    /1/ 大前端的说法,是如何出现的?范围是多“大”? 对于许多新人来说,他们最开始接触前端这行,都是从前端开发工资高啊,好找工作啊,入门门槛低,这些方面开始了...

    web前端教室
  • 大前端?/前端开发职位的未来方向/

    对于许多新人来说,他们最开始接触前端这行,都是从前端开发工资高啊,好找工作啊,入门门槛低,这些方面开始了解的。当他们开始学习前端一段时间之后,许多人不可避免的开...

    web前端教室

扫码关注云+社区

领取腾讯云代金券