![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
模块化
勤奋的宇威
记录学习与工作中遇到的事情
展开
-
《推箱子小游戏》
文件目录:index.htmlsrc>assets>inagesrc>moduleindex.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="widt...原创 2020-02-02 22:46:05 · 264 阅读 · 0 评论 -
《三》.3 - 默认导入导出
默认导入导出默认导出每个模块,除了允许有多个基本导出之外,还允许有一个默认导出默认导出类似于CommonJS中的module.exports,由于只有一个,因此无需具名具体的语法是export default 默认导出的数据或export {默认导出的数据 as default}由于每个模块仅允许有一个默认导出,因此,每个模块不能出现多个默认导出语句默认导入需要想要导入一个模块...原创 2020-02-02 10:38:04 · 945 阅读 · 0 评论 -
《三》.2 - 基本导入导出
基本导入导出模块的引入注意:这一部分非模块化标准目前,浏览器使用以下方式引入一个ES6模块文件<script src="入口文件" type="module">模块的基本导出和导入ES6中的模块导入导出分为两种:基本导入导出默认导入导出基本导出类似于 exports.xxx = xxxx基本导出可以有多个,每个必须有名称基本导出的语法如下:expo...原创 2020-02-01 14:23:43 · 197 阅读 · 0 评论 -
《三》.1- ES6模块化简介
ES6模块化简介ECMA组织参考了众多社区模块化标准,终于在2015年,随着ES6发布了官方的模块化标准,后成为ES6模块化ES6模块化具有以下的特点使用依赖预声明的方式导入模块依赖延迟声明CommonJS使用的优点:某些时候可以提高效率缺点:无法在一开始确定模块依赖关系(比较模糊)依赖预声明ES6使用的,AMD 和 CMD优点:在一开始可以确定模块依赖关系缺点:某...原创 2020-02-01 13:36:26 · 115 阅读 · 0 评论 -
《二》.1 - 浏览器端模块化的难题
浏览器端模块化的难题CommonJS的工作原理当使用require(模块路径)导入一个模块时,node会做以下两件事情(不考虑模块缓存):通过模块路径找到本机文件,并读取文件内容将文件中的代码放入到一个函数环境中执行,并将执行后module.exports的值作为require函数的返回结果正是这两个步骤,使得CommonJS在node端可以良好的被支持可以认为,CommonJS是...原创 2020-01-31 20:02:30 · 233 阅读 · 0 评论 -
JavaScript 模块化发展史
JavaScript 模块化发展史 {ignore}第一阶段在 JavaScript 语言刚刚诞生的时候,它仅仅用于实现页面中的一些小效果那个时候,一个页面所用到的 JS 可能只有区区几百行的代码在这种情况下,语言本身所存在的一些缺陷往往被大家有意的忽略,因为程序的规模实在太小,只要开发人员小心谨慎,往往不会造成什么问题在这个阶段,也不存在专业的前端工程师,由于前端要做的事情实在太少,因...原创 2020-01-31 20:00:10 · 322 阅读 · 0 评论 -
《二》AMD和CMD
AMD全称是Asynchronous Module Definition,即异步模块加载机制require.js实现了AMD规范在AMD中,导入和导出模块的代码,都必须放置在define函数中define([依赖的模块列表], function(模块名称列表){ //模块内部的代码 return 导出的内容})<script data-main="./a.js"...原创 2020-01-31 19:58:14 · 208 阅读 · 0 评论 -
《一》CommonJS
CommonJS在nodejs中,由于有且仅有一个入口文件(启动文件),而开发一个应用肯定会涉及到多个文件配合,因此,nodejs对模块化的需求比浏览器端要大的多由于nodejs刚刚发布的时候,前端没有统一的、官方的模块化规范,因此,它选择使用社区提供的CommonJS作为模块化规范在学习CommonJS之前,首先认识两个重要的概念:模块的导出和模块的导入模块的导出要理解模块的...原创 2020-01-31 19:51:38 · 199 阅读 · 0 评论