JS 模块化- 01 模块化前传

  • JS 模块化- 01 模块化前传已关闭评论
  • 13 次浏览
  • A+
所属分类:Web前端
摘要

前端技术的发展不断融入了很多后端的思想,逐步形成前端的 ”四个现代化“:工程化、模块化、规范化、流程化。这个主题介绍 模块化 ,主要内容包括模块化前传(早期模块化的实现)、模块化的四个规范(Common JS、AMD、CMD、ESM)。本文就聊聊早期的模块化。


JS 模块化 01 - 模块化前传

前端技术的发展不断融入了很多后端的思想,逐步形成前端的 ”四个现代化“:工程化、模块化、规范化、流程化。这个主题介绍 模块化 ,主要内容包括模块化前传(早期模块化的实现)、模块化的四个规范(Common JS、AMD、CMD、ESM)。本文就聊聊早期的模块化。

1. 原始时代 - 无模块

十多年前,工程师们一般都不好意思说自己会 JS 语言,太 Low逼 —— 大神们随便翻翻书,几下就可以把什么元素显示隐藏、表单校验等需求的 JS 脚本写出来了。反正在这群家伙眼里,写 JS、CSS 的人不是程序员,而是美工(仅仅是在过去的那个年代二逼们才会这么说)。代码中都从到尾都是逻辑代码,一堆变量函数和流程控制语句( if/else/for/switch.... ),JS 脚本是从上到下顺序执行,反正功能给你堆出来了,至于会带来什么后果,关我屁事,有接盘侠去弄。。。

二逼的人直接就在 HTML 文件中写 JS 代码;自我感觉良好一些的大神就独立一个 JS 文件,然后在 HTML 页面上通过