前端中的模块化开发

待我称王封你为后i 2023-08-17 15:54 218阅读 0赞

模块化主要是用来抽离公共代码，隔离作用域，避免变量冲突等。

IIFE： 使用自执行函数来编写模块化，特点：在一个单独的函数作用域中执行代码，避免变量冲突。

(function(){
      return {
        data:[]
      }
    })()

AMD： 使用requireJS 来编写模块化，特点：依赖必须提前声明好。

define('./index.js',function(code){
        // code 就是index.js 返回的内容
    })

CMD： 使用seaJS 来编写模块化，特点：支持动态引入依赖文件。

define(function(require, exports, module) {  
      var indexCode = require('./index.js');
    });

CommonJS： nodejs 中自带的模块化。

var fs = require('fs');

UMD：兼容AMD，CommonJS 模块化语法。

webpack(require.ensure)：webpack 2.x 版本中的代码分割。

ES Modules： ES6 引入的模块化，支持import 来引入另一个 js 。

import a from 'a';

思维导图：[https://www.processon.com/view/link/5c8409bbe4b02b2ce492286a\#map][https_www.processon.com_view_link_5c8409bbe4b02b2ce492286a_map]

参考资料：[https://blog.csdn.net/dadadeganhuo/article/details/86777249][https_blog.csdn.net_dadadeganhuo_article_details_86777249]

转载于:https://www.cnblogs.com/wangxi01/p/11207666.html

[https_www.processon.com_view_link_5c8409bbe4b02b2ce492286a_map]: https://www.processon.com/view/link/5c8409bbe4b02b2ce492286a#map
[https_blog.csdn.net_dadadeganhuo_article_details_86777249]: https://blog.csdn.net/dadadeganhuo/article/details/86777249

发表评论取消回复

表情：

评论列表（有 0 条评论，218人围观）

还没有评论，来说两句吧...

相关阅读

相关如何使用前端模块化开发？

聚沙成塔·每天进步一点点 ⭐ 专栏简介前端入门之旅：探索Web开发的奇妙世界欢迎来到前端入门之旅！感兴趣的可以订阅本专栏哦！这个专栏是为那些对Web开发感

灰太狼/ 2024年02月21日 09:44/ 0 赞/ 154 阅读

相关【前端之旅】前端模块化开发

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5a2Z5LiN5Z2aM

╰+哭是因爲堅強的太久メ/ 2023年09月25日 19:01/ 0 赞/ 281 阅读

相关前端中的模块化开发

模块化主要是用来抽离公共代码，隔离作用域，避免变量冲突等。 IIFE：使用自执行函数来编写模块化，特点：在一个单独的函数作用域中执行代码，避免变量冲突。 (fun

待我称王封你为后i/ 2023年08月17日 15:54/ 0 赞/ 219 阅读

相关前端模块化开发的价值

随着互联网的飞速发展，前端开发越来越复杂。本文将从实际项目中遇到的问题出发，讲述模块化能解决哪些问题，以及如何使用 Sea.js 进行前端的模块化开发。恼人的命名冲突

港控/mmm°/ 2022年06月11日 07:17/ 0 赞/ 313 阅读

相关前端开发模块化／解耦化异步请求

前端开发模块化／解耦化异步请求 1、异步请求的特点在现代web前端的开发过程中，异步请求是常见需要处理的情形之一，他具有以下几个特点： 1. 异步：因此需要依

川长思鸟来/ 2022年06月04日 09:46/ 0 赞/ 356 阅读

相关前端模块化

1、CommonJS 服务器端的Node.js 遵循CommonJS规范，该规范的核心思想是允许模块通过require方法来同步加载所要依赖的其他模块，然后通过exports

柔情只为你懂/ 2022年04月10日 01:47/ 0 赞/ 462 阅读

相关前端模块化开发规范之CommonJS

CommonJS是前端模块化发展过程中出现的第一个规范。其使用方式也是相当简便的。以下是导入和导出的两个关键片断。 1、导入 const user = requ

偏执的太偏执、/ 2022年04月06日 14:54/ 0 赞/ 508 阅读

相关前端开发——模块化（css模块化开发）

掌握模块化开发的思想是我们进行模块化开发的基础。他有以下几部分组成： 1.css模块化 2.html模块化 3.js模块化 > 模块化开发的优势

ゝ一世哀愁。/ 2022年02月18日 09:15/ 0 赞/ 592 阅读

相关好程序员web前端教程之前端模块化开发

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] 1. 命名冲突　　首先从一个简单的习惯开始。　　由于以前一直做 JavaEE

快来打我*/ 2022年01月15日 07:35/ 0 赞/ 393 阅读

相关简单说下前端中的模块化开发

模块化主要是用来抽离公共代码，隔离作用域，避免变量冲突等。 1. IIFE: 适用自执行函数来编写模块化，特点：在一个单独的函数作用域中执行代码，避免变量冲突 (

女爷i/ 2021年08月27日 13:40/ 0 赞/ 431 阅读