什么叫前端工程化,模块化,组件化

1.首先普及一下工程化的概念,准确来说前端工程化是一种思想,并不是一项技术,没有明确的定义.举个例子,就好像盖楼房,需要挖地基,铺砖,加钢筋,封顶,弥外墙,这一套流程就是一个工程的具体过程,前端编码也一样,首先你得了解需求,评估需求涉及到的技术,可能存在的难点,可能存在的共同点(就是有哪些demo或者功能需要在多个组件或页面用到),甚至是你预感需求的某些功能后期可能会有变动等等,再此基础合理的布局你的代码,比如在哪写样式,在哪写demo,新建哪些公用文件等等,这样做的目的我个人认为主要是为了达到整个系统代码思路清晰,后期维护方便,代码共用性强等目的,其实以上所述 就包含了组件化,模块化的思想,这两种思想也主要是为工程化服务,将项目的公共模块提取出来,单独存放 增加代码复用性,这样不仅会使以后维护方便,而且代码思路也很清晰,代码量会大大减少,同时后期即便项目发生改动,可能也只需要改动某个公共文件即可,改动量小,风险自然就小.

2.上述说起来很容易很简单的思想,其实要实践起来 确实需要技术与经验的积累,因为你需要知道甚至有时候是预感哪些东西可以或需要写成公共函数,比如一个项目中往往存在大量table列表,那这些table的样式是不是就可以写成公共文件,其中的分页查询是不是也可以写成公共函数,又比如项目中有很多树状结构数据,那是不是可以写个公共的递归函数,甚至是显示demo,再比如网站的标题,底标,logo,都可以写成配置等等

3.上面一整套思想其实总结就一句话,合理安排分配资源,力求用最简单的逻辑,最简单的代码,最少的代码,搞定最完美的需求