首页 > 其他分享 >模块化

模块化

时间:2022-12-18 19:23:59浏览次数:31  
标签:功能 模块化 划分 做得好 模块 梳理

模块化是很重要的,不过要想做得好却又没那么容易。做得好的模块化需要你能很好地把握事情所需要的功能,并能掌握一定的方法,使模块的划分更合理,也让自己能更高效。

好的模块化的好处

模块化做得好了,有如下优点:

  1. 可以减少不必要或是冗余的逻辑,使整体的设计更加清晰明了;
  2. 整体结构更简洁了,设计实现就变得容易了,因而可以提高设计和实现的效率;
  3. 简洁的结构可以减少问题出现的几率;
  4. 简洁、合理的结构便于以后功能的维护和修改;
  5. 功能模块的抽象与封装,有利于功能、代码的复用。

概括起来就是,做得好的模块化可以让人在做事时少走弯路、直击本质,实现功能的同时少出问题,还能为自己积累实用工具。

划分模块时存在的问题

一直以来我对于划分模块大致的想法是,先从宏观角度划分大的模块,然后再在大模块内部划分小模块。但当划分模块时,还是不容易确定要有哪些模块、某个模块具体要有什么功能,难以下手。

知道划分模块很重要,但具体去做的时候却没有一个好用的、可靠的方法,只能在千头万绪中慢慢思虑。

划分模块的方法

该如何更高效、合理地划分模块呢?下面或许是一个不错的办法:

  1. 确定要做的东西到底有什么样的功能;
  2. 梳理一下这些功能的运作是什么样的流程;
  3. 把功能的运作从头到尾梳理过之后,便可以做一些整理。将流程中关联比较大、作用也比较独立的步骤归到一起,这样便可以初步划分一些模块;
  4. 接下来再梳理整个流程,检查、调整模块的划分;
  5. 划分出了大的模块之后,在大模块内部也可以参照类似的方法划分小模块。

概括起来是,先梳理一遍流程,然后将其中的步骤整理、划分出模块。

标签:功能,模块化,划分,做得好,模块,梳理
From: https://www.cnblogs.com/saigut/p/16990787.html

相关文章

  • chrome浏览器启用es6语法支持,初次体验浏览器端模块化加载
    注意:最新版本的chrome浏览器已支持module语法,需要在web服务器环境下运行!一、设置浏览器启用es6语法功能注:chrome76版本及以上不再需要设置了,浏览器已默认支持,至于从哪个版......
  • vuex共享数据仓库的模块化使用
    一:概念: vuex是使用vue中必不可少的一部分,基于父子、兄弟组件,我们传值可能会很方便,但是如果是没有关联的组件之间要使用同一组数据,就显得很无能为力,那么vuex就很好的解决......
  • ES6——模块化
    模块化模块化是指将一个大的程序文件,拆分成许多小的文件,然后将小文件组合起来。一、浏览器使用ES6模块化方式一使用script标签,将type属性设置为module,然后在s......
  • js模块化
    OverridetheentrypointofanimageIntroducedinGitLabandGitLabRunner9.4.Readmoreaboutthe extendedconfigurationoptions.Beforeexplainingtheav......
  • React后台管理系统 04 配置路径别名、全局样式设置、模块化scss
    ts中对于@符号指定的路径不支持,同时vite中也是不支持的,所以我们需要在vite.config.ts中进行指定配置,path是node中自带的一个模块这里爆红的原因是没有进行声明:我们使用命......
  • 模块化
    简介模块化产生的背景··随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂··Javascript模块化编程,已经成为一个迫切的需求。理想情况......
  • JS模块化
    模块化规范1.CommonJS规范​ 在node中,默认支持的模块化规范叫做CommonJS,​ 在CommonJS中,一个js文件就是一个模块CommonJS规范引入模块使用require('模块的路......
  • 组件化与模块化
    单文件组件创建项目在cmd输入npminitvite-appvue3_demovue3_demo是文件夹名(项目名)在vscode中打开,开发项目写代码都在src目录下面写再进入项目中下载依赖npmi......
  • 模块化开发RequireJS之shim配置
    模块化开发RequireJS之shim配置weixin_33971130于 2017-12-0711:31:00 发布185 收藏 1文章标签: javascript ViewUI 一、shimrequirejs使用AMD......
  • ES6模块化语法规范
    3种方式导入语法导出语法作用注意事项es6基础语法-按需导入 import{接收名,接收名,...}from'模块'           另外一种方式  ......