美文网首页
前端模块体系

前端模块体系

作者: 石头软软 | 来源:发表于2019-05-13 18:51 被阅读0次

一、CommonJS(NodeJS)

命令:module、exports、require、global

特点:commonJS用同步的方式加载模块

二、AMD(RequireJS)

命令:define()定义模块,用require()加载模块

特点:异步加载模块

三、CMD(Sea.js)

命令:define()定义模块,用require()加载模块

特点;CMD是另一种js模块化方案,它与AMD很类似,不同点在于:AMD 推崇依赖前置、提前执行,CMD推崇依赖就近、延迟执行

四、ES6

命令:export(export default)  import

特点:静态加载模块

语法特点:

1、export 和 export default 模块引入方式不一样

2、export语句输出的接口,与其对应的值是动态绑定关系,即通过该接口,可以取到模块内部实时的值

五、ES6与CommonJS 差异

1、运行时加载: CommonJS 模块就是对象;即在输入时是先加载整个模块,生成一个对象,然后再从这个对象上面读取方法,这种加载称为“运行时加载”

2、编译时加载: ES6 模块不是对象,而是通过 export 命令显式指定输出的代码,import时采用静态命令的形式。即在import时可以指定加载某个输出值,而不是加载整个模块,这种加载称为“编译时加载”。

相关文章

  • 前端模块体系

    一、CommonJS(NodeJS) 命令:module、exports、require、global 特点:co...

  • 01 建立自己的iOS开发知识体系

    iOS知识体系包括基础、原理、应用开发、原生与前端四大模块。

  • iOS知识体系

    iOS 的知识体系,包括了基础、原理、应用开发、原生与前端四大模块。 根据下面的体系框架图,慢慢查漏补缺吧

  • 前端模块化开发简介

    前端模块化开发简介 历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖...

  • 2、建立自己的iOS开发知识体系

    本课程推荐的iOS知识体系,包含了基础、原理、应用开发、原生与前端四大模块。基础模块,让你具有基本的发现并解决开发...

  • Web框架体系

    Web 前端知识体系精简 web前端知识体系图 web前端知识体系大全 HTML,CSS,JavaScript知识...

  • 前端模块化(requirejs)

    前端模块化 什么是前端模块化 将代码依据不同功能,或者职责进行模块的划分,就称为前端模块化 模块化的好处 结构更轻...

  • JS模块化浅谈【CommonJS、AMD、CMD、UMD、ESM

    模块化伴随着前端的发展,从无到有,从“伪”到“真”,再到后来的有成熟体系和规范并且适用于浏览器环境下的模块化。让我...

  • webpack基础笔记

    webpack基础 1.前端工程化 实际的前端开发: 模块化:(js的模块化,css的模块化,资源的模块化) 组件...

  • [线上问题]服务系统时间戳不准确导致的线上异常

    【背景】 1.公司项目目前会通过接口返回来控制前端的展示,接口吐出模块一、模块二、模块三等多个模块的样式,前端负责...

网友评论

      本文标题:前端模块体系

      本文链接:https://www.haomeiwen.com/subject/rniraqtx.html