- 综合排序
- 最热优先
- 最新优先
- 来自专栏carven
前端模块化开发
其实对前端模块化开发的接触时间并不多，很多见解都是别人的，或者是偏的， 还是乐意记录下来，谁让我一天一个念头 说到前端模块化开发，其实是说 javascript 模块化开发。 目前，大众讲到的 javascript模块化规范 有3种，CommonJS、AMD（异步模块定义）、CMD（通用模块定义） CommonJS CommonJS在 node 端模块采用的规范。 （至少我是通过 react.js 认识到 webpack 的） react.js 可以说是前端（浏览器）项目，可是在编程风格上，确实不折不扣的 CommonJS 风格。
1.5K00发布于 2018-08-08 - 来自专栏米虫的家
前端模块化开发--Node基础&&WebPack模块化开发
一、Node 开发 1、模块化开发 定义统一的方法：function.js javascript exports.sum = function sum(a, b) { return a + b; 其实我们可以把NPM 理解为前端的Maven npm的镜像替换成淘宝 shell npm config set registry http://registry.npm.taobao.org/ 全局下载 shell npm install xxx -g 运行工程 Code 如果我们想运行某个工程，则使用run命令 如果package.json中定义的脚本如下 dev是开发阶段测试运行 build是构建编译工程 lint 是运行js代码检测 三、Webpack Webpack 是一个前端资源加载/打包工具。
1.1K30发布于 2020-09-24 - 来自专栏人生代码
前端模块化开发的价值
前端模块化开发的价值 随着互联网的飞速发展，前端开发越来越复杂。本文将从实际项目中遇到的问题出发，讲述模块化能解决哪些问题，以及如何使用 Sea.js 进行前端的模块化开发。 命名冲突和文件依赖，是前端开发过程中的两个经典问题。下来我们看如何通过模块化开发来解决。为了方便描述，我们使用 Sea.js 来作为模块化开发框架。 模块化开发并不是新鲜事物，但在 Web 领域，前端开发是新生岗位，一直处于比较原始的刀耕火种时代。 直到最近两三年，随着 Dojo、YUI3、Node.js 等社区的推广和流行，前端的模块化开发理念才逐步深入人心。 前端的模块化构建可分为两大类。 总之，模块化能给前端开发带来很多好处。如果你还没有尝试，不妨从试用 Sea.js 开始。
1.4K20发布于 2021-01-12 - 来自专栏艺述论专栏
关于前端开发中的模块化
前端开发离不开模块化，与模块化有关的关键字有以下几个： require/module.exports export/import define/require/exprots define/seajs.use 这涉及到4种模块化规范：AMD、CMD、CommonJS、ES6。 微信小程序、小游戏默认推荐的模块化规范即是CommonJS。 /mymodual') } 但是动态加载不便于引擎静态分析，不能在开发阶段就确认程序的依赖关系。 require('fs'); let stat = _fs.stat; let exists = _fs.exists; let readfile = _fs.readfile; 为了实现按需引入及在开发阶段尽早确认类库的依赖关系
88720发布于 2019-09-02 - 来自专栏全栈程序员必看
前端模块化-总结_前端模块化规范
先说说什么是模块化，就是将独立的功能代码封装成一个独立的文件，其他模块需要使用，在进行引用。 模块化有利于代码的拆分和架构上的解耦，模块化在服务端领域已经早已成熟，nodejs 也已经支持模块化。 因此前端早早就有了模块化技术，可每天醒来前端就多一个名词多一个框架的，发展实在迅猛，就前端模块化这些年的积累就有好几种，我们依次来看看。 在开发中我们常使用的就是 module.exports ， 通过 module.exports 输出的对象就是引用方 require 出来的值 require 既然有 module.exports 导出 个人认为，ES6模块化是以后的主流。 模块兼容处理 我们开发插件时可能需要对各种模块做支持，我们可以这么处理 const appJsBridge = function(){};if ("function" === typeof define
95420编辑于 2022-11-17 - 来自专栏前端知识分享
前端模块化开发解决方案详解
一、模块化开发方案 前端发展到今天，已经有不少模块化的方案，比如 CommonJS（常用在服务器端，同步的，如nodejs） AMD（常用在浏览器端，异步的，如requirejs）（Asynchronous Module Definition） CMD（常用在浏览器端，异步的，如seajs） UMD（AMD&& CommonJS） 这些模块化规范的核心价值都是让 JavaScript 的模块化开发变得简单和自然 首先，将require.js嵌入网页，然后就能在网页中进行模块化编程了。 Sea.js 是一个成熟的开源项目，核心目标是给前端开发提供简单、极致的模块化开发体验。这里不多做介绍，有兴趣的可以查看官方文档。 六、前端模块化的优缺点 1、更好的分离 如果要加载多个就得放置多个 script 标签，如果是加载模块的话，对于 HTML 和 JavaScript 分离很有好处，在某些场景下这个分离度很重要。
4.1K10发布于 2018-09-11 - 来自专栏进击的君君的前端之路
前端模块化
，前端代码日益膨胀。 而随着前端功能的愈发丰富强大,前端代码,尤其是JS也愈发膨胀,简单的规范已经不能满足项目代码的开发需求.JavaScript极其简单的代码组织规范不足以驾驭如此庞大规模的代码。 JavaScript代码，我们称为模块化。 模块开发需要遵循一定的规范，各行其是就都乱套了。 3、JavaScript模块化规范 通行的JavaScript模块规范主要有两种：CommonJS和AMD。 它是一个在浏览器端模块化开发的规范。
67420发布于 2018-06-28 前端模块化
“好事”文章：前端小白玩转koa（一） 文章地址：https://cloud.tencent.com/developer/article/2470901 好文介绍：这篇文章主要讲述作者选择用 node 后端开发记账小程序，对比了 Express、Koa、NestJS 等框架的特点，并说明了选择 Koa 的原因，还介绍了记账小程序的需求规划及基于 Koa 的二次开发，包括全局错误处理、初始化等，后续将继续更新 Koa 开发相关内容。 模块化的理解 1、什么是模块化 将一个复杂的程序，依据一定的规则(规范)封装成一个或多个块(文件), 并进行组合在一起。 邀请人：一起重学前端
40020编辑于 2024-12-03- 来自专栏前端之旅
前端模块化
为什么需要模块化？ 早期的开发没有模块化，会有两个灾难性的问题：即 全局污染 以及 依赖管理混乱。 1. 这之后提出了模块化的概念。 模块化解决方案： 那么，模块化到底需要解决什么问题呢？ 2.AMD CommonJS 是针对服务端的模块化解决方案，为何它不能用于前端呢？
94720发布于 2019-11-07 - 来自专栏前端文章小tips
前端模块化
js本身的问题： 不具有模块化的语法规则，在语言层面没有命名空间。 JavaScript 编程过程中很多时候，我们都在修改变量，在一个复杂的项目开发过程中，如何管理函数和变量作用域，显得尤为重要。 模块化的作用： 避免命名冲突 依赖管理 提供可维护和可复用的代码 对象写法：函数m1()和m2()，都封装在module1对象里。使用的时候，就是调用这个对象的属性。 return mod; })(window.module1 || {}); 解决方案 ： 模块化 CJS、AMD、CMD、UMD、ESM 统一模块规范 commonjs： var MySalute AMD依赖前置，js可以方便知道依赖模块是谁，立即加载；而CMD就近依赖，需要使用把模块变为字符串解析一遍才知道依赖了那些模块，这也是很多人诟病CMD的一点，牺牲性能来带来开发的便利性，实际上解析模块用的时间短到可以忽略
72920编辑于 2021-12-10 - 来自专栏前端卡卡西
前端模块化
-- 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 - 来自专栏网络收集
前端模块化
前端模块化： 在前面学习中，我已经用了大量的篇幅解释了为什么前端需要模块化。 而且我也提到了目前使用前端模块化的一些方案：AMD、CMD、CommonJS、ES6。 在ES6之前，我们要想进行模块化开发，就必须借助于其他的工具，让我们可以进行模块化开发。 并且在通过模块化开发完成了项目后，还需要处理模块间的各种依赖，并且将其进行整合打包。 而webpack其中一个核心就是让我们可能进行模块化开发，并且会帮助我们处理模块间的依赖关系。 所以grunt/gulp也被称为前端自动化任务管理工具。 我们来看一个gulp的task 下面的task就是将src下面的所有js文件转成ES5的语法。 并且最终输出到dist文件夹中。 grunt/gulp更加强调的是前端流程的自动化，模块化不是它的核心。 webpack更加强调模块化开发管理，而文件压缩合并、预处理等功能，是他附带的功能。
40900编辑于 2022-05-28 - 来自专栏前端那些趣事
浅谈前端模块化
UMD ❝ UMD 叫做通用模块定义规范，也是前端模块化演变出的一种模块化定义，是模块定义的跨平台解决方案。 它支持运行时让同一个代码的模块，在使用 Commonjs、AMD等其他模块化规范项目中运行，换句话说，UMD可以让你的代码兼容基于其他多种模块化规范写的模块，统一浏览器端以及非浏览器端的模块化方案的规范
59420发布于 2020-11-13 - 来自专栏花落的技术专栏
webpack前端模块化
模块化什么是模块呢？ 举个例子：一个公司需要正常运转，就有市场部，技术部，人事部等等，这每个部门就相当于一个模块，在前端项目中也就有比如专门网络请求的模块，错误处理的模块，专门渲染的模块。 现在的模块化方案有 ： AMD (Asynchronous Module Definition 异步模块定义) //大概形式如下 //定义 define("mymodule", ["dep1", "dep2 /math"; // 通过export将其导出 export function sum(a, b){ return a + b; } 复制代码 此外说说ES6模块化和CommonJs的模块化的区别 前端模块化主要解决了两个问题： “命名空间冲突”，“文件依赖管理” 。 和介绍webpack又有什么关系呢？ 在webpack中，一切皆模块。 我们在模块化开发的时候，通常会使用`ES Module或者CommonJS规范导出或引入依赖模块，webpack打包编译的时候，会统一替换成自己的webpack_require`来实现模块的引入和导出，
47730编辑于 2021-12-06 - 来自专栏佛曰不可说丶
前端模块化理解
，前端代码日益膨胀，这时候JavaScript作为嵌入式的脚本语言的定位动摇了，JavaScript却没有为组织代码提供任何明显帮助，甚至没有类的概念，更不用说模块（module）了，JavaScript JavaScript代码，我们称为模块化。 模块开发需要遵循一定的规范，各行其是就都乱套了。 规范形成的过程是痛苦的，前端的先驱在刀耕火种、茹毛饮血的阶段开始，发展到现在初具规模，简单了解一下这段不凡的历程。 ，第一个流行的模块化规范却由服务器端的JavaScript应用带来，CommonJS规范是由NodeJS发扬光大，这标志着JavaScript模块化编程正式登上舞台。 它是一个在浏览器端模块化开发的规范，由于不是JavaScript原生支持，使用AMD规范进行页面开发需要用到对应的库函数，也就是大名鼎鼎RequireJS，实际上AMD 是 RequireJS 在推广过程中对模块定义的规范化的产出
79220发布于 2020-06-11 - 来自专栏Web前后端、全栈出发
前端工程模块化
前端工程\模块化本篇文章，学习记录于：尚硅谷，紧接前文：邂逅Node.JS的那一夜→博客 无论是前端、后端、甚至非编程领域都有模块化的概念，只是不同的领域叫法不同，不过，新技术的产生一定是有原因的：模块化的概念为什么需要模块化技术 这样的设计使得模块可以在不同的项目中重复使用；实现代码按需加载、提高团队协作、代码灵活性、降低代码复杂性… … 等： 模块化使前端更易于管理、扩展和维护；模块化技术发展前端模块化技术的发展历史经历了多个阶段 ==ES6的发布：== 使用import和export关键字，开发者可以更轻松地组织和导入导出模块；Node 模块化提到前端模块化：最常见的就是NodeJS的模块化技术，在此之前还 需要了解NodeNode 模块化： 模块是代码的组织单位：每个模块都有自己的作用域，且可以被其他模块引用，采用了CommonJS模块化规范前端模块化规范： 就是对代码进行模块化的拆分与组合时，需要遵守那些规则： 使用什么样的语法格式来 ： npm 是Node.js的包管理工具，广泛用于前端开发，允许开发者安装、共享和管理JavaScript代码包；yarn 由Facebook、Google、Exponent和Tilde等公司共同开发，
58910编辑于 2024-08-01 - 来自专栏HZFEStudio
前端模块化规范
ESM5: 官方模块化规范，现代浏览器原生支持，通过 import 异步加载模块，export 导出内容。 知识点深入 1. 为什么需要模块化和模块化规范 模块化可以解决代码之间的变量、函数、对象等命名的冲突/污染问题，良好的模块化设计可以降低代码之间的耦合关系，提高代码的可维护性、可扩展性以及复用性。 模块化规范的作用是为了规范 JavaScript 模块的定义和加载机制，以统一的方式导出和加载模块，降低学习使用成本，提高开发效率。 2. 官方模块化规范，现代浏览器原生支持，通过 import 加载模块，export 导出内容。 模块化与工程化：webpack webpack 同时支持 CommonJS、AMD 和 ESM 三种模块化规范的打包。根据不同规范 webpack 会将模块处理成不同的产物。
1K11发布于 2021-09-13 - 来自专栏若尘的技术专栏
webpack前端模块化
举个例子：一个公司需要正常运转，就有市场部，技术部，人事部等等，这每个部门就相当于一个模块，在前端项目中也就有比如专门网络请求的模块，错误处理的模块，专门渲染的模块。 现在的模块化方案有 ： AMD (Asynchronous Module Definition 异步模块定义) //大概形式如下 //定义 define("mymodule", ["dep1", "dep2 /math"; // 通过export将其导出 export function sum(a, b){ return a + b; } 复制代码 此外说说ES6模块化和CommonJs的模块化的区别 前端模块化主要解决了两个问题： “命名空间冲突”，“文件依赖管理” 。 和介绍webpack又有什么关系呢？ 在webpack中，一切皆模块。 我们在模块化开发的时候，通常会使用`ES Module或者CommonJS规范导出或引入依赖模块，webpack打包编译的时候，会统一替换成自己的webpack_require`来实现模块的引入和导出，
92055编辑于 2021-11-26 - 来自专栏M不作声
浅析前端模块化
/a); console.log(b.a) Commonjs是「同步加载模块」，是「服务端模块化的规范」，Nodejs是基于Commonjs规范实现的。 是异步定义模块，也是使用require()语句加载模块，但是它需要接收两个参数： require([module], callback) //需要加载的模块, 加载完成之后的回调 AMD制定了客户端模块化的规范
39240发布于 2021-03-05 - 来自专栏Web前后端、全栈出发
前端工程模块化
模块化的概念 为什么需要模块化技术： 随着 Web 技术的发展，各种交互以及新技术等使网页变得越来越丰富，前端工程师登上了舞台 同时也使得我们前端的代码量急速上涨、复杂性在逐步增高，越来越多的业务逻辑和交互都放在 ，模块化 编程领域中的模块化，就是遵守固定的规则，把一个大文件拆成独立并互相依赖的多个小模块 因为小的、组织良好的代码远比庞大的代码更加理解和维护，于是前端也开始了模块化历程； 模块的化优点✅ 可维护性 这样的设计使得模块可以在不同的项目中重复使用； 实现代码按需加载、提高团队协作、代码灵活性、降低代码复杂性… … 等： 模块化使前端更易于管理、扩展和维护； 模块化技术发展 前端模块化技术的发展历史经历了多个阶段 前端常见的包管理工具有： npm 是Node.js的包管理工具，广泛用于前端开发，允许开发者安装、共享和管理JavaScript代码包； yarn 由Facebook、Google、Exponent和 即可批量的导入所有的模块引用； ESM 结合 NPM： ，到这里已经基本掌握ESM模块化的基本流程： 但我们都知道ES6模块化技术，出现晚于很多模块化社区： 实际开发中经常二者结合使用，达到1+1>2
56110编辑于 2024-08-06
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号