js模块化的整理与总结

最新推荐文章于 2023-03-14 13:51:02 发布
最新推荐文章于 2023-03-14 13:51:02 发布
阅读量140 收藏
点赞数
分类专栏： 实习笔记 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_22703205/article/details/101304441
版权
本文详细介绍了前端模块化的概念、发展历史，从Node.js的CommonJS规范讲到浏览器端的AMD和CMD，以及现代的ES6模块化。深入探讨了require和import的区别，强调ES6模块的静态化特性和运行机制。
摘要由CSDN通过智能技术生成

前端模块化

下图转载于: https://juejin.im/post/5c17ad756fb9a049ff4e0a62#heading-31
在这里插入图片描述

一、模块化的理解

  • 将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起
  • 块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信
    在这里插入图片描述
    下面按ppt的形式总结：

二、模块化规范的萌芽历程

node module的源码解析：参考于 https://github.com/Aus0049/blog/blob/master/201805/module.js#L389
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

最低0.47元/天 解锁文章
sharryling
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Node.js学习之路（一）
a_xixi的博客
07-06 194
node.js学习笔记 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 npm是Node.js的包管理工具。 安装Node.js和npm 从Node.js官网下载对应版本的安装程序，在windows环境下安装勾选add to path。 安装完成后，在命令提示符中输入node ...
专项练习17
最新发布
申小兮和林小兮的博客宝
07-02 277
js模块化描述（AMD、CMD），函数内var的变量提升，typeof输出类型，静态方法与实例方法的区别
2021-11-24 牛客网每日10题--前端
keven_deng的博客
11-24 859
1以下代码的输出是什么 var one; var two=null; console.log(one==two,one===two); 解答 重点记忆 == 与 ===的区别 答案为 true false 一个等号是赋值操作，==先转换类型再比较，===先判断类型，如果不是同一类型直接为false。 判断一个值是否是NaN，只能用isNaN()来判断 2 下列关于 JavaScript 模块化的描述错误的是? A. AMD推崇依赖前置，CMD推崇依赖就近 B. Sea.js遵循AMD规范，Requi
前端试题大综合练习（六）
Bidding
08-02 1671
1、关于 javascript 模块化，下列描述错误的是 模块化有利于管理模块间的依赖，更依赖模块的维护 主流的模块化包括CommonJS,AMD,CMD等 Sea.js遵循AMD规范，RequireJS遵循CMD规范 AMD推崇依赖前置，CMD推崇依赖就近 答案：C 解：AMD是"Asynchronous Module Definition"的缩写，意思就是"异步模块定义"。它采用异
js知识点学习笔记
h_el_lo的博客
03-14 511
计算机基础 编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，最终得到结果的过程。 计算机语言：指人与计算机之间的通讯的语言。 计算机语言分为机器语言，汇编语言、高级语言。 汇编语言只是指令采用英文缩写和指令符，更容易识别和记忆。 高级语言：包括c语言、c++、java、c#、php、javascript等。 编程语言有很强的的逻辑和行为能力，是主动的，标记语言（html）不用于向计算机发出指令，常用于格式化链接，是用来被读取的，是被动的。 计算机硬件（输入设备
ES6知识点整理之模块化的应用详解
10-17
3. 在Node.js中模拟ES6模块化配置与使用 - 配置环境的安装： 首先，需要安装Babel相关的包，包括babel-cli和babel-preset-env。可以通过npm安装：npm install --save-dev babel-cli babel-preset-env。 - 运行配置...
js-arrange:js知识的整理总结
03-06
"js-arrange" 是一个针对JavaScript知识进行整理和总结的项目，旨在帮助开发者系统地理解和掌握这门语言的核心概念与实践技巧。 1. **基础语法** - 变量声明：JavaScript 支持var、let、const三种声明变量的方式，...
自动化测试岗面试题整理
06-12
以下是自动化测试岗面试题整理的知识点总结： 1. 自动化测试框架的封装： 自动化测试框架主要由基础封装层 BasePage、PO 页面对象层、TestCase 测试用例层、日志处理模块、ini 配置文件读取模块、unittest+ddt ...
JS_SumUp:javascript 的日常总结
05-15
这个"JS_SumUp:javascript 的日常总结"很可能是对JavaScript语言特性和常见问题的一个综合整理，旨在帮助开发者巩固和深化对JavaScript的理解。 在JavaScript中，基础知识点包括数据类型（如基本类型：字符串、数字...
Angular 常用指令实例总结整理
08-31
通过这种方式，Angular应用程序可以保持干净、模块化的结构，同时提供丰富的用户体验。在编写这些指令时，我们需要注意使用`restrict`属性来限制指令的应用范围（如'A'代表属性约束），以及使用`link`函数来处理元素...
Javascript模块化编程
weixin_33885253的博客
06-06 154
网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。 Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。 但是，Javascript不是一种模块化编程语言，它不支持"类"（class），更遑论"模块"（module）了。（正在制定中的...
关于javascript模块化
halations的博客
05-05 236
模块组织 随着javascript发展，从增强显示的脚本到解决一类问题的库，然后构建应用，一个有效的模块加载方案也就成为了必须的元素。 因为当想用一个语言构建一个大型应用，模块机制不可或缺。 浏览器端运用最广泛的为 AMD 规范 服务端使用 CommonJS 规范 而ES6 Module 加载规范不远的将来将要统一前后端（我们要是采用ES6 加载规范） 关于javascriptIDE 目前...
【错题记录】JavaScript专项练习（篇二）
Milk~每天分享一点点，技术进步一点点
12-12 1111
1.下列事件哪个不是由鼠标触发的事件 a. click b. contextmenu c. mouseout d. keydown 解析：答案 d click 鼠标点击事件 contextmenu 当浏览者按下
牛客刷题（4)
BigDaddy233333的博客
11-18 976
1.以下哪一项不属于浏览器Response Headers字段： Referer 附：解析： 说一说常见的请求头和相应头都有什么呢？ 1)请求(客户端->服务端[request])      GET(请求的方式) /newcoder/hello.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号)      Accept: */*(客户端能接收的资源类型) ...
前端实习生题库整理（一）
ilovewangjie990502的博客
01-11 1042
关于 javascript 模块化，下列描述错误的是？ A. AMD推崇依赖前置，CMD推崇依赖就近 B. Sea.js遵循AMD规范，RequireJS遵循CMD规范 C. 主流的模块化包括CommonJS,AMD,CMD等 D. 模块化有利于管理模块间的依赖，更依赖模块的维护 答案:B 解析： CommonJS是服务器端的同步js模块化规范，由NodeJS实现 amd, cmd是用在浏览器端的异步模块化规范。 AMD依赖 前置书写，由require.js实现。 CMD依赖 就近书写，由sea.js.
Javascript专项练习-选择题(更新中）
热门推荐
weixin_43545225的博客
04-19 4万+
编程语言-Javascript专项练习 1. 以下语句的执行结果是什么？ console.log('one'); setTimeout(function(){ console.log('two'); },0); console.log('three'); console.log('four'); 答案：“one” “three” “four” “two” 解析：回调时，被回调的函数会被放在e...
4399公司2017秋招前端笔试试卷
Bidding
08-18 6129
1、关于数据结构，下列描述当中，正确的是（） 正确答案: C 在深度为5的满二叉树中，叶子节点的个数为32 队列，栈以及二叉树都是线性结构 算法的复杂度主要包括时间复杂度和空间复杂度 在待排序的元素序列基本有序的前提下，效率最高的排序方法是堆排序 队列的操作方式是先进后出 解： A错误 深度为5的满二叉树有2^(k-1)个叶子结点，所以为16个叶子节点。 B错误 二叉树不是线性结
小程序带网关
sharryling
08-12 919
为什么要带网关 见 https://yq.aliyun.com/articles/69118 《小程序之API管理》
promise及手写promise、await/async
sharryling
06-23 321
promise 主要是解决callback中的回调地狱问题。 1.基础概念 /* 1 打印hh 2 timeout结束，打印h1,参数sss 3 由于下面返回的全都是实例w，w在一开始已经执行完，所以 在w.then之后的return w,和之后的w.then return w，都是同时执行的。 */ var w = new Promise((resolve,rejec...
JavaScript历史与入门：从认识JS到ECMAScript发展
"认识JS.pptx 是一个关于...总结，"认识JS.pptx" 文件提供了一个全面的视角，帮助读者理解JavaScript的历史、重要性及其在ECMAScript标准下的演进过程，对于想要深入了解JavaScript的开发者来说是一份宝贵的资源。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值