首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端小菜鸡yym

    模块化-模块化规范

    为什么有模块化规范 上一篇文章,实现了模块化。但是最后还是存在如下的缺点 请求过多 依赖模糊 难以维护 因此就需要模块化规范。 模块化规范分类 CommonJs AMD CMD: 阿里开发的,只需要了解。 ES6 CommonJS规范 说明 每个文件都被当做一个模块 在服务器端:模块的加载是同步的。

    86730编辑于 2023-01-12
  • 来自专栏WebJ2EE

    模块化】:ES6 模块化

    import.meta 是一个给 JavaScript 模块暴露特定上下文的元数据属性的对象。它包含了这个模块的信息,比如说这个模块的URL。

    84810编辑于 2022-03-30
  • 来自专栏河湾欢儿的专栏

    模块化

    在nodejs中,可以通过exports或module.exports 和 require 实现模块化 exports 和 module.exports的区别? 加上请求路径就是路由 App.get(“/”,function(){}) app.post(“/a”,function(){}) 他们就是路由 在express中有一个Router的方法可以实现路由的模块化

    2.3K20发布于 2018-09-06
  • 来自专栏WebJ2EE

    模块化】:JS 模块化极简史

    什么是模块化? 2. 无模块化时代 3. 传统模块化阶段 3.1. “对象”型模块 3.2. “仿Java类”型模块 3.3. “立即执行函数(IIFE)”型模块 3.4. 什么是模块化模块化开发就是封装细节,提供使用接口,彼此之间互不影响,每个模块都是实现某一特定的功能。 优点肯定是有的 优点:传统模块化相比于无模块化时代,显然是进步的:减少了命名冲突,增强了模块的独立性; 但是 缺点同样明显 缺点: 1. 百家争鸣:CommonJS、AMD、CMD JavaScript 在语言层面迟迟不推出模块化功能,这个背景下,各“民间组织”提出了CommonJS、AMD、CMD 模块化规范... CommonJS是一种只适用于JavaScript的静态模块化规范; 注:只适用于JavaScript,意味着它无法把CSS等前端资源纳入模块化管理范围,但显然CSS也是组成前端模块的重要部分; 注:静态模块化规范

    2.4K10编辑于 2022-03-30
  • 来自专栏全栈程序员必看

    前端模块化-总结_前端模块化规范

    先说说什么是模块化,就是将独立的功能代码封装成一个独立的文件,其他模块需要使用,在进行引用。 模块化有利于代码的拆分和架构上的解耦,模块化在服务端领域已经早已成熟,nodejs 也已经支持模块化。 因此前端早早就有了模块化技术,可每天醒来前端就多一个名词多一个框架的,发展实在迅猛,就前端模块化这些年的积累就有好几种,我们依次来看看。 个人认为,ES6模块化是以后的主流。 若使用 webpack ,webpack 是支持 es6 模块化的,所以就只要引用 babel-loader ,对 es6 的语法做处理即可 模块的导出是对象的引用 ES6模块化下的导出是对象的引用 CMD规范的模块化:用define()定义模块, seajs.use 引用模块。

    95420编辑于 2022-11-17
  • 来自专栏花落的技术专栏

    flutter 模块化

    为什么要模块化来搭建项目? 模块化是将项目拆分成多个业务模块, 就好似一辆车,它有轮子,车架子, 发动机等. 如果传统写法来写,车辆的轮子发动机的耦合就特别深, 如果想把发动机换到别的车就特别麻烦. 所以模块化可以提高代码复用性。 提高项目运行速度, 可以针对单个模块进行打包运行调试 模块化时需要注意什么? 对于每个模块都需要用的业务点可以放在BaseModule中,不能轻易改动BaseModule。

    74300发布于 2021-11-21
  • 来自专栏进击的君君的前端之路

    前端模块化

    1、为什么需要模块化 在JavaScript发展初期就是为了实现简单的页面交互逻辑,网页结构并不复杂,早期简单的网页结构是类似这样的: <! import java.util.ArrayList; 遗憾的是JavaScript在设计时定位原因,没有提供类似的功能,开发者需要模拟出类似的功能,来隔离、组织复杂的JavaScript代码,我们称为模块化 3、JavaScript模块化规范 通行的JavaScript模块规范主要有两种:CommonJS和AMD。 ,第一个流行的模块化规范却由服务器端的JavaScript应用带来,CommonJS规范是由NodeJS发扬光大,这标志着JavaScript模块化编程正式登上舞台。 它是一个在浏览器端模块化开发的规范。

    67120发布于 2018-06-28
  • 来自专栏grain先森

    JavaScript 模块化

    随着前端js代码复杂度的提高,JavaScript模块化这个概念便被提出来,前端社区也不断地实现前端模块化,直到es6对其进行了规范,下面就介绍JavaScript模块化。 JavaScript模块化是如何一步一步地发展起来的,并且也会主要对这些模块化方式做一个简单的比较。 优点: 相比于使用一个js文件,这种多个js文件实现最简单的模块化的思想是进步的。 缺点: 污染全局作用域。 /b'); // 依赖可以就近书写 b.doSomething(); // ... }); 第五阶段: ES6模块化 之前的几种模块化方案都是前端社区自己实现的,只是得到了大家的认可和广泛使用 ,而ES6的模块化方案是真正的规范。

    72450发布于 2019-03-28
  • 来自专栏前端小菜鸡yym

    js模块化

    ---- 「这是我参与2022首次更文挑战的第27天,活动详情查看:2022首次更文挑战」 理解 什么是模块/模块化 将一个复杂的程序按照一定的规范,封装成几个块(文件),并进行组合在一起。 模块化的进化史 最早 最早,我们的js是写到一个文件中,想怎么写怎么写。 ){ console.log(_$body) } return { foo:foo } })(jQuery) Moudle.foo() 为什么要模块化 比如不需要轮播图的模块,我们不需要引入 模块化的好处 避免命名冲突(减少命名空间污染) 更好的分离,按需加载 更高复用性 高可维护性 页面引入script 当我们需要引入多个js script src='3.js'></script> <script src='4.js'></script> 所以就带来了如下的问题 请求过多 依赖模糊 难以维护 因此也就需要模块化规范

    2.7K20编辑于 2023-01-12
  • 来自专栏java小白

    模块化程序

    一、概述 子程序从FORM语句开始执行直到遇END FORM结束,使用子程序的主要目的在于代码模块化、结构化及重复利用。 二、子程序定义 PERFORM FORM. ~~~~ ENDFORM.

    75830发布于 2021-11-09
  • 来自专栏前端小菜鸡yym

    what is 模块化?

    理解 我们先来了解一下,什么是模块化,以及模块化的进化史。 什么是模块/模块化 将一个复杂的程序按照一定的规范,封装成几个块(文件),并进行组合在一起。 模块化的进化史 最早 最早,我们的js是写到一个文件中,想怎么写怎么写。这种情况,也就是我们最原始的html的方式。会造成变量的全局污染。 ){ console.log(_$body) } return { foo:foo } })(jQuery) Moudle.foo() 为什么要模块化 比如不需要轮播图的模块,我们不需要引入 模块化的好处 避免命名冲突(减少命名空间污染) 更好的分离,按需加载 更高复用性 高可维护性 页面引入script带来的问题 当我们需要引入多个js文件。 script> <script src='3.js'></script> <script src='4.js'></script> 复制代码 所以就带来了如下的问题 请求过多 依赖模糊 难以维护 因此也就需要模块化规范

    1.5K30编辑于 2023-01-12
  • 来自专栏前端之旅

    前端模块化

    为什么需要模块化? 早期的开发没有模块化,会有两个灾难性的问题:即 全局污染 以及 依赖管理混乱。 1. 这之后提出了模块化的概念。 模块化解决方案: 那么,模块化到底需要解决什么问题呢? 2.AMD CommonJS 是针对服务端的模块化解决方案,为何它不能用于前端呢?

    94220发布于 2019-11-07
  • 来自专栏前端文章小tips

    前端模块化

    js本身的问题: 不具有模块化的语法规则,在语言层面没有命名空间。 模块化的作用: 避免命名冲突 依赖管理 提供可维护和可复用的代码 对象写法:函数m1()和m2(),都封装在module1对象里。使用的时候,就是调用这个对象的属性。 return mod;   })(window.module1 || {}); 解决方案 : 模块化 CJS、AMD、CMD、UMD、ESM 统一模块规范 commonjs: var MySalute

    72720编辑于 2021-12-10
  • 前端模块化

    模块化的理解 1、什么是模块化 将一个复杂的程序,依据一定的规则(规范)封装成一个或多个块(文件), 并进行组合在一起。 2、模块化的进化过程 无模块时代 在ajax还未提出之前,js还只是用来在网页上进行表单校验、提交,对DOM渲染操作。 var str,num; //...... 模块化的规范 1、CommonJS 2009年Nodejs发布,采用 CommonJS 模块规范。 特点: 每个文件都是一个模块实例,代码运行在模块作用域,不会污染全局作用域。 /b') // 依赖可以就近书写 b.doSomething() ... } 4、ES6 2015年,ES6规范中,终于将模块化纳入JavaScript标准,从此js模块化被ECMA ES6中的模块化在CommonJS的基础上有所不同,关键字有import,export,default,as,from。

    39520编辑于 2024-12-03
  • 来自专栏前端卡卡西

    前端模块化

    -- es6模块化需要添加:type="module" --> <script src=". /app.js" type="module"></script> </body> </html> 写法1 // es6模块化 user.js export var name = 'tom' export var sex = 'boy' export function sayhello() { console.log('我会sayhello'); } // es6模块化 app.js import '12346' var sang = () => { console.log('I can sang'); } export default { password, sang } // es6模块化 from '路径' 即可导入 // es6模块化 myReact.js var myReact = { name: 'hss-react', Component: function ()

    62110编辑于 2022-02-25
  • 来自专栏若尘的技术专栏

    js模块化

    bundle): 解决模块间的依赖 使其打包后能在浏览器上正常运行 比较出名的: webpack rollup parcel等 AMD 在ES6模块出现之前,AMD(异步模块定义)是一种很热门地浏览器模块化方案

    5.1K65编辑于 2021-12-04
  • 来自专栏webpack@4.46.0源码分析

    webpack模块化

    (function(modules){ // webpackBootstrap // 模块结果的缓存 var installedModules = {}; // 模块化方法的定义

    59330编辑于 2022-11-16
  • 来自专栏网络收集

    前端模块化

    前端模块化: 在前面学习中,我已经用了大量的篇幅解释了为什么前端需要模块化。 而且我也提到了目前使用前端模块化的一些方案:AMD、CMD、CommonJS、ES6。 在ES6之前,我们要想进行模块化开发,就必须借助于其他的工具,让我们可以进行模块化开发。 并且在通过模块化开发完成了项目后,还需要处理模块间的各种依赖,并且将其进行整合打包。 而webpack其中一个核心就是让我们可能进行模块化开发,并且会帮助我们处理模块间的依赖关系。 这就是webpack中模块化的概念。 打包如何理解呢? 理解了webpack可以帮助我们进行模块化,并且处理模块间的各种复杂关系后,打包的概念就非常好理解了。 grunt/gulp更加强调的是前端流程的自动化,模块化不是它的核心。 webpack更加强调模块化开发管理,而文件压缩合并、预处理等功能,是他附带的功能。

    40700编辑于 2022-05-28
  • 来自专栏Web 技术

    再谈模块化

    当我们要开发模块化技术时,请牢记模块化系统至少具备下列2点功能: 定义模块接口:供外部代码调用该模块 隐藏模块的内部实现细节:模块的调用者/使用者无需关心模块内部的实现细节。 了解了模块,下面我们就来谈谈几种模块化方案。 ES6之前的模块化方案 (1)对象+闭包+立即执行函数方案 基于模块化的2个特点,在该方案中: 立即执行函数:隐藏内部实现细节 对象+闭包:形成接口,对外暴露模块功能,同时保持闭包活跃。 那么ES6模块化方案出现了! ES6 模块化方案 ES6 的模块化方案结合了CMD和AMD的优点,例如: 模块语法简单,基于文件,即每个文件是一个模块 异步加载模块 ES6 目前还有一些浏览器不支持,可以使用其他工具进行编译,如:

    70120编辑于 2022-07-29
  • 来自专栏vae

    Node模块化

    ', path: 'E:\\node.js教学\\6,模块化', exports: {}, parent : null, filename: 'E:\\node.js教学\\6,模块化\\2,演示module对象.js', loaded false, children: [], paths: [ 'E:\\node.js教学\\6,模块化

    42710编辑于 2022-10-04
领券