require.js基础示例

require.js 是一个浏览器端 JavaScript 模块加载器，基于 AMD（Asynchronous Module Definition）规范，帮助管理 JavaScript 依赖、实现代码模块化、按需加载和异步执行。

• 解决的问题：
• 代码组织：避免全局变量污染，提高可维护性。
• 延迟加载：提升页面加载速度，优化用户体验。
• 模块化：
  define 函数定义模块，接受两个参数：模块标识（可选）和依赖数组。工厂函数返回模块内容。例如：
  CODEBLOCK0
• 加载与执行：
  使用 require 函数加载模块，接受配置对象和回调函数。配置项中的 deps 指定依赖模块，callback 在所有依赖加载完成后执行。
  CODEBLOCK1
• 数据配置（data-main）：
  在 HTML 中，通过 data-main 属性指定入口脚本，require.js 会自动加载并执行。
  CODEBLOCK2
• 模块依赖注入：
  require.js 异步加载模块并自动注入依赖，确保在执行工厂函数前所有依赖已经加载完成。
• 配置选项：
• baseUrl：设置脚本基路径。
• paths：设置模块路径别名。
• shim：配置非 AMD 兼容模块。
  示例：
  CODEBLOCK3
• 项目结构：
• main.js：配置 require.js 并加载其他模块。
• scripts：存放 JavaScript 模块。
• lib：存放第三方库。
• examples：展示不同用法的示例。
  require.js 适用于大型前端项目，通过模块化和异步加载优化代码结构和加载性能。