我们是如何做好前端工程化和静态资源管理

跟着互联网的进展,咱们的生意也日趋变得越发繁杂且百般化起来,前端工程师也不再可是做容易的页面开采这么容易,咱们需求面临的格外繁杂的系统性题目,比如,生意愈来愈繁杂,咱们要何如清楚地梳理;团队人员愈来愈多,咱们要何如更好地实行团队配合;机能愈来愈多,咱们要何如保证页面的功用不至于下落,等等。全部的这些均也许归纳为何如晋升开采领会和功用题目。

晋升开采领会

咱们重要从下列三个方面来晋升咱们的开采领会。

模范化

当团队人员一直扩展时,咱们需求订定统一的模范来对通常的开采做事做出一联盟束和教导。统一的模范包含前端的代码模范,依照模范界说好一套代码检讨的规矩,在代码提交的功夫实行检讨,闪开采人员晓得本身的代码状况。

同时,依照往常的开采阅历,咱们订定了统一的项目框架,依照生意机能不同,将一个项目(app)拆分红不同的生意模块(module),而每一个模块都包含本身的页面(page)以及组成页面所需求的组件(widget),每一个项目波及到app、module、page、widget这些曾经商定好的观点,云云让项目机关越发清楚,并且让团队内不同行务的人员之间切换无阻滞。

组件化

在项目中引入组件化的观点,这边的组件对应上文讲到的widget,每一个组件城市包含组件本身的模板、css、js、图片以及解释文献,咱们行使组件来组装页面,像搭积木同样来组装咱们的页面,同时一个组件内也许挪用另一个组件。

在拿到策画稿后,咱们首先需求断定哪些需求做成群众组件,那些是要做成自力组件,以及组件间何如实行通讯。在页面中挪用这些组件后,会主动加载组件的模板以及组件的静态资本,而当组件不再需求时,只需移除去组件引用,那末响应的模板和静态资本也会不再加载。

组件化的益处重要有这么几点

治理便利,咱们也许把一个自力机能联系的文献在工程目录中放在一同,云云代码治理起来会特别便当

组件复用,经过抽取群众组件,也许完成组件复用,进而淘汰做事量,创做代价

分而治之,这是组件化最急迫的一点,将页面组件化,便是对页面机能的拆分,将一个大的工程拆成小的零件,咱们只需求


转载请注明:http://www.aierlanlan.com/rzgz/904.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了