前端模块化 / 构建工具从最开始的基于浏览器运行时加载的 RequireJs/Sea.js 到将所有资源组装依赖打包 webpack / rollup / parcel 的 bundle 类模块化构建工具，再到现在的 bundleless 基于浏览器原生 ES 模块的 snowpack / vite ，前端的模块化 / 构建工具发展到现在已经快 10 年了。
本文主要回顾 10 年间，前端模块化 / 构建工具的发展历程及其实现原理。
看完本文你可以学到以下知识：
（因涉及一些历史、趋势，本文观点仅代表个人主观看法）
经常设计 form 表单的开发应该知道，用户在浏览器中向表单输入信息的时候会被 input 记录下来，以后每次双击 input 文本框时都会展示以前输入过的信息，虽然这样很方便，但会暴露用户的隐私数据。那如何禁止 input 输入框不记录用户输入的信息呢？下面就来说一下！
autocomplete 属性autocomplete ：属性定义 input 是否启用自动完成功能，也就是我们说的是否记录用户数据！
autocomplete 有两个值，分别为 on 与 off.
on：启用自动完成功能，记录用户数据！
off：关闭自动完成功能，不记录用户数据！
注
autocomplete 属性适用于 form 标签，以及 text, search, url, telephone, email, password, datepickers, range，color 等类型的 input 标签！http-equiv 顾名思义，相当于 http 的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为 content，content 中的内容其实就是各个参数的变量值。
meta 标签的 http-equiv 属性语法格式是：
<meta http-equiv="参数"content="参数变量值"> |
响应式图像指的是根据设备分辨率、设备像素比，甚至是屏幕方向、屏幕尺寸、页面布局等来加载正确图像，并且图片体积尽可能的小，视觉效果足够高清。
一个真实的场景：用户上传了一张高清图片，这张图片的展示媒介包括 27 英寸的 iMac、15 寸的 Macbook Pro、各种尺寸的平板、各种分辨率的 Windows 本、各种尺寸和 DPR 的手机，如何保证图片在不同的媒介上都足够高清、图片体积尽可能小呢？
