face+ 关于 服务 案例
首页 案例 服务 关于 face+

什么是前端模块化开发,前端模块化开发的优缺点

Time: 2022-01-12

  现在程序设计很多,过去的设计方式复杂,而现在很多程序员选择用模块化开发的方式来运用。那模块化开发中,前端模块化开发是怎么回事呢?今天就让faceui为大家介绍什么是前端模块化开发,前端模块化开发的优缺点。

  什么是前端模块化开发

  模块化是指在解决某个复杂、混杂问题时,依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理,可维护性更高的可管理的模块的方式。模块化是软件系统的属性,这个系统被分解为一组高内聚,低耦合的模块。那么在理想状态下我们只需要完成自己部分的核心业务逻辑代码,其他方面的依赖可以通过直接加载被人已经写好模块进行使用即可。

前端模块化开发

  前端模块化开发

  随着前端复杂度提高,为了能够提高项目代码的可读性、可扩展性等,我们的js文件逐渐多了起来,不再是一个js文件就可以解决的了,而是把每一个js文件当做一个模块。针对这些模块是设计开发就是前端模块化开发。即简单的将所有的js文件统统放在一起。但是这些文件的顺序还不能出错,比如jquery需要先引入,才能引入jquery插件,才能在其他的文件中使用jquery。

  前端模块化开发的优缺点

  前端采用模块化开发,使得开发体验大大增强,摆脱了很多需要人力去做且容易出错的点,使得代码管理更加清晰、规范。主要优点表现为以下几点:

  1、减少命名冲突,消除全局变量。

  2、一个模块一个文件,组织更清晰。

  3、依赖自动加载,按需加载。

  4、相比于使用一个js文件,这种多个js文件实现最简单的模块化的思想是进步的。

前端模块化开发

  前端模块化开发

  其中文件按需加载,依赖自动管理,使得更多精力去关注模块代码本身,开发时不需要在页面上写一大堆script引用,一个require初始化模块就搞定。不需要每增加一个文件,还要到HTML或者其他地方添加一个script标签或文件声明。

  缺点:

  1、污染全局作用域。 因为每一个模块都是暴露在全局的,简单的使用,会导致全局变量命名冲突,当然,我们也可以使用命名空间的方式来解决。

  2、对于大型项目,各种js很多,开发人员必须手动解决模块和代码库的依赖关系,后期维护成本较高。

  3、依赖关系不明显,不利于维护。 比如main.js需要使用jquery,但是,从上面的文件中,我们是看不出来的,如果jquery忘记了,那么就会报错。

  以上就是faceui为大家介绍的关于前端模块化开发的相关内容。模块化的开发和设计在现在的数字时代是非常容易理解的,对系统的设计和创建都有好处。

合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼205
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康胡同17号A座三层
010-64015620
service@faceui.com

办公地址地图

深圳

深圳市福田区金田路4018号安联大厦2601
0755-33955611
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2015 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开