谈谈对前端工程化的理解

2024-05-12 18:39:20

什么是前端工程化？

工程化是一种思想，而不是某种技术。其主要目的为了提高效率和降低成本，即提高开发过程中的开发效率，减少不必要的重复工作时间等

栗子

要盖一栋大楼，假如我们不进行工程化的考量那就是一上来掂起瓦刀、砖块就开干，直到把大楼垒起来，这样做往往意味着中间会出现错误，要推倒重来或是盖好以后结构有问题但又不知道出现在哪谁的责任甚至会在某一天轰然倒塌，那我们如果用工程化的思想去做，就会先画图纸、确定结构、确定用料和预算以及工期，另外需要用到什么工种多少人等等，我们会先打地基再建框架再填充墙体这样最后建立起来的高楼才是稳固的合规的，什么地方出了问题我们也能找到源头和负责人。

那么前端工程化需要考虑哪些因素呢？

应该从模块化、组件化、规范化、自动化4个方面去思考

模块化

模块化就是把一个大的文件，拆分成多个相互依赖的小文件，按一个个模块来划分

组件化

页面上所有的东西都可以看成组件，页面是个大型组件，可以拆成若干个中型组件，然后中型组件还可以再拆，拆成若干个小型组件

组件化≠模块化。模块化只是在文件层面上，对代码和资源的拆分；组件化是在设计层面上，对于UI的拆分
目前市场上的组件化的框架，主要的有Vue，React，Angular2

规范化

在项目规划初期制定的好坏对于后期的开发有一定影响。包括的规范有

目录结构的制定
编码规范
前后端接口规范
文档规范
组件管理
Git分支管理
Commit描述规范
定期codeReview
视觉图标规范

自动化

也就是简单重复的工作交给机器来做，自动化也就是有很多自动化工具代替我们来完成，例如持续集成、自动化构建、自动化部署、自动化测试等等
10. List item

谈谈对前端工程化的理解相关推荐

我对前端工程化的理解
我对前端工程化的理解因为接触前端的时间比较晚,所以许多朋友也有与我相似的经历. 在我的个人经历中,以前的课程项目并没有很好的去考虑可能影响维护成本和维护效率的因素. 在我寒假第一次团队合作期间,体会 ...
前端类名优秀命名例子_这是一篇需要花费你15分钟阅读的干货！浅谈前端工程化...
01前端工程化的背景随着业务的扩展.业务需求更加复杂.项目团队的壮大以及项目的增多等.制定一套适用于团队的前端工程化方案很有必要. 02前端工程化是什么前端工程化是一个很广泛的话题.涉及的技术与解 ...
前端工程化实践总结 | QQ音乐商业化Web团队
蓝字关注,回复"加群"加入前端技术群与大家一起成长 | 导语本文主要介绍在前端工程化的一些探索和实践,结合移动端的基础库重构和UI组件库开发这两个项目详细介绍工程化方案 . 随着 ...
什么是软件工程化？什么是“前端工程化“？
软件工程是一门研究如何用系统化.规范化.数量化等工程原则和方法去进行软件的开发和维护的学科. 软件工程包括两方面内容:软件开发技术和软件项目管理. 软件开发技术包括软件开发方法学.软件工具和软件工程环 ...
【CSDN软件工程师能力认证学习精选】什么是前端工程化？
CSDN软件工程师能力认证(以下简称C系列认证)是由中国软件开发者网CSDN制定并推出的一个能力认证标准.C系列认证历经近一年的实际线下调研.考察.迭代.测试,并梳理出软件工程师开发过程中所需的各项技 ...
开篇：到底什么是前端工程化？
前端工程化是现代前端的必备技能 Web 前端这几年进化速度之快让人咂舌.很多前端工程师都不禁吐槽"学不动了".如今已经不是 HTML.CSS.JS 前端三剑客仗剑走天下的时代了. ...
「前端工程化」该怎么理解？
大家好,我是若川.今天分享一篇「前端工程化」的好文.非广告,请放心阅读.可点击下方卡片关注我,或者查看系列文章.今天发文比较晚,以往都是定时早上7:30发文,也不知道是不是有点早. 一.什么是前端工程 ...
对前端工程化、模块化、组件化开发的理解
参考理解一: 提到前端往往很多人的映像就是入门简单,HTML.CSS加一起一个星期基本上就能大概上手,JS难一点但也能很快写一些简单的小效果,在网上随便一搜索各种特效代码随意用,一个新手前端也能在很短 ...
前端工程化详解——理解与实践前端工程化
前言: 前端工程化一直是一个老生常谈的问题,不管是面试还是我们在公司做基建都会经常提到前端工程化,那么为什么经常会说到前端工程化,并没有听过后端工程化.Java工程化或者Python工程化呢?我们理解 ...

最新文章

热门文章