在开发以及面试中，总是会遇到有关模块化相关的问题，始终不是很明白，不得要领，例如以下问题，回答起来也是模棱两可，希望通过这篇文章，能够让大家了解十之一二，首先抛出问题：导出模块时使用module.exports/exports或者export/export default;有时加载一个模块会使用require奇怪的是也可以使用import？？它们之间有何区别呢？于是有了菜鸟解惑的搜喽过程。。。。。
转载
2023-12-28 21:10:57
205阅读
在我们最初写代码的时候，引入JS文件用script标签来引入，并且在引入多个JS文件时，当前文件所依赖的JS文件必须放在前面。也就存在一个顺序的问题，而且这是由开发者去判断和把控的。而现在前端项目越来越复杂，难免会出现很多很多script标签引入JS，这无论对于开发和维护都有着一定的缺点。所以出现了模块化的概念。模块化的形式有很多中，比如把某个特定功能封装成一个函数，但是存在着一个问题，很有可能会
转载
2023-08-20 12:38:07
60阅读
javascript中的模块化文章目录javascript中的模块化ES6模块化导出转译工具babel预设离线转译安装配置1.初始化npm2.设置
原创
2022-10-19 11:47:45
269阅读
在前端开发中为了提高网页的开发效率，提高代码的复用率，同时降低块与块之间的耦合性。产生了组件化、模块化让我们解决问题的方法 组件化更多关注的是UI部分，比如头部，内容区，弹出框甚至确认按钮都可以成为一个组件，每个组件有独立的HTML、css、js代码。 我们可以把他放在页面的任意部分，也可以和其他组件一起组成新的组件，一个页面是各个组件的结合，可
转载
2023-06-28 10:38:37
223阅读
前言现在网页的复杂度越来越高，js代码越来越庞大，早已不像原来那样实现一些特效即可。一个项目可能需要n个人来完成，分别负责不同的功能。这些不同的功能划分在我看来就是一个个模块，我们不需要了解模块内部逻辑，只关心模块的对外接口。我们需要什么功能时只需引入合适的模块即可极大的提高了多人开发时的效率。正文一、如何实现模块化按照前言所说，模块有以下两个特征：可以实现特定的功能、可以提供对外接口。var m
转载
2023-08-04 15:17:08
250阅读
JavaScript模块化是一种将代码划分为小块的开发方式，让开发者可以更好地组织和管理代码。本教程将介绍JavaScript模块化的基本概念和使用方法，以及常见的模块化规范和工具。## 什么是JavaScript模块化JavaScript模块化是指将代码划分为小块，每个小块都是一个独立的模块。模块可以定义自己的变量、函数、类等，模块之间可以相互引用和调用，从而组成一个完整的应用程序。JavaSc
转载
2023-10-22 20:42:03
60阅读
javascript模块化化编程
一：javascript模块化化编程
javascript起初不是一种模块化编程语言，不支持类(class)，也不支持模块(module)，但是随着业务的发展，javascript也实现了一些“某模块”的效果，ES6中已经支持“类”和“模块”
转载
2023-06-14 17:19:47
280阅读
JavaScript本身不是一种模块化语言，设计者在创造JavaScript之初应该也没有想到这么一个脚本语言的作用领域会越来越大。以前一个页面的JS代码再多也不会多到哪儿去，而现在随着越来越多的JavaScript库和框架的出现，Single-page App的流行以及Node.js的迅猛发展，如果我们还不对自己的JS代码进行一些模块化的组织的话，开发过程会越来越困难，运行性能也会越来越低。因此
转载
2024-01-12 10:41:54
84阅读
JavaScript模块化编程听起来挺唬人挺屌的，但是你要明白它是每个Web开发者所必备的技能。每一个程序猿都应该有面向对象的开发思想，有抽象化类的能力。而我接下来说明的模块化编程，说白了就是面向对象将web开发中的公共模块抽象化为类。使用模块有诸多好处，如利于建立一个扩展性强、相互依赖的代码库。其易于维护、重用性高、避免“命名空间污染”。1、可维护性：根据定义，模块是独立的。一个设计良好的模块意
转载
2023-06-07 20:23:51
145阅读
在多次面试中被问了关于前端模块化的问题，一直没有答得完整，一方面是自己紧张，但更多的其实是自己对模块化没有足够的了解。借此机会，结合之前看过的文章重新梳理一下关于模块化的知识。一，对模块化的需求在javascript的初期，js文件加载都是使用<script>标签直接引入，简单直接，当时的js内容不多，功能简单，所以并无不妥。到后来，随着网页开发技术的发展，对js的要求变得越来越高，文
转载
2023-08-11 14:31:37
218阅读
一、为什么会有模块化1. 当一个项目开发的越来越复杂的时候，会遇到一些问题，比如：命名冲突：当项目由团队进行协作开发的时候，不同开发人员的变量和函数命名可能相同；即使是一个开发，当开发周期比较长的时候，也有可能会忘记之前使用了什么变量，从而导致重复命名，导致命名冲突。文件依赖：代码重用时，引入js文件的数目可能少了，或者引入的顺序不对，比如使用boostrap的时候，需要引入jQuery，并且jQ
转载
2023-12-15 13:15:17
77阅读
从本文开始介绍常见的模块化规范。模块化规范，主要是为了统一模块化的编写方式，比如不同团队的Java代码，总能用import的方式来加载，C#的话也有using，JavaScript本身没有内置的模块系统（ES6中引入了模块系统，不过等到普及可能是n年后的事情了），JavaScript的模块化规范，一般都是致力于提高 JavaScript 程序的可移植性和可交换性，朝着统一模块化交互方式
转载
2023-10-08 11:05:41
111阅读
模块化程序设计概念 1. 模块和包概念的进化史 程序越来越复杂, 语句多了, 很自然的, 我们会将实现同一个语句的函数封装在包里. 统一管理和调用, 于是函数就诞生了. 程序更加复杂, 函数和变量多了, 我们将变量和函数放到一起统一管理和调用, 于是类和对象就诞生了 程序继续复杂, 函数和类更加多了, 我们将实现类似功能的函数和类统统放到一个模块中,
转载
2023-07-29 18:29:44
193阅读
我们再一次被计算机的名词，概念笼罩。backbone、emberjs、spinejs、batmanjs等MVC框架侵袭而来。CommonJS、AMD、NodeJS、RequireJS、SeaJS、curljs等模块化的JavaScript概念及库扑面而来。模块化JavaScript的概念尤为突出，似...
原创
2022-04-06 15:40:04
111阅读
JavaScript模块化（Module）模块化的理解1、什么是模块化2、模块化的进化过程3、面临的问题模块化的规范1、CommonJS2、AMD/RequireJS3、CMD/SeaJS4、ES6总结 模块化的理解1、什么是模块化将一个复杂的程序，依据一定的规则(规范)封装成一个或多个块(文件), 并进行组合在一起块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信2
转载
2023-09-21 12:48:25
149阅读
JavaScript模块化
原创
2022-09-13 13:48:01
191阅读
# JavaScript模块化
JavaScript是一种非常灵活的脚本语言，常用于网页开发。然而，当网页变得越来越复杂时，代码的管理和组织变得困难，这就需要模块化的概念。
## 什么是模块化？
模块化是指将代码分割为小块，每个块都有特定的功能，并且可以独立使用。这使得代码更易于管理、调试和复用。模块化的目的是提高代码的可维护性和可扩展性。
## JavaScript模块化的发展历程
在过去
原创
2023-08-07 13:02:45
73阅读
目前流行的js模块化规范有commonJS, AMD， CMD, 以及ES6的模块系统一、commonJS js没有完善的模块系统，标准库较少，缺少包管理工具，伴随着Nodejs的兴起，能让js在任何地方运行。特别是服务端，也达到了具备开发大型项目的能力，所以commonjs营运而生。node.js是commonjs规范的主要实践者。它有四个重要的环境变量为模块化的实现提供支持： moudle,
转载
2023-09-01 14:56:45
256阅读
随着浏览器的发展，很多页面逻辑迁移到了客户端（表单验证等），JavaScript却没有为组织代码提供任何明显帮助，甚至没有类的概念，更不用说模块（module）了，JavaScript极其简单的代码组织规范不足以驾驭如此庞大规模的代码。在java中有一个重要的概念--package逻辑上相关的代码组织到同一个包内，包内是一个相对独立的王国，不用担心命名冲突
转载
2023-11-14 14:24:13
82阅读
模块化引入外部js文件本文引自 JavaScript 课程 0412
JavaScript：模块化编程模块化引入外部js文件一、模块化的概念二、模块化的用法文章到此就结束啦，记得留下你们的小赞喔，你们的鼓励就是对我最大的支持！！)
一、模块化的概念什么是模块？模块就是一块 js 代码块;封装成模块中的 js 文档， 内部成员外部不可见，除非导出;模块解决了模块化编程与代码封闭的问题;(1)
转载
2023-09-29 10:50:53
52阅读
