当前位置： 首页 > news >正文

记录对 require.js 的理解

news 2026/5/23 2:41:59

目录

    • 一、使用 `require.js` 主要是为了解决这两个问题
    • 二、`require.js` 的加载
    • 三、`main.js`

一、使用 require.js 主要是为了解决这两个问题

  1. 实现 js 文件的异步加载，避免网页失去响应；
  2. 管理模块之间的依赖性，便于代码的编写和维护。

二、require.js 的加载

我的目录

文件目录

HTML 代码

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>RequireJs</title></head><body style="background-color: #333"><h2>RequireJs</h2><script src="js/require.min.js" defer async="true"></script><script src="js/require.min.js" data-main="js/main"></script></body>
</html>

三、main.js

// main.js 编写配置
require.config({charset: "utf-8", // 文件编码baseUrl: "/js/", //资源基础路径waitSeconds: 60,paths: {// 加载cdn文件, 如果加载失败则加载本地文件(这里没有下载jquery)jquery: ["https://cdn.staticfile.org/jquery/3.7.0/jquery.min", "js/lib/jquery"],// 加载文件math: "/js/lib/math",},
});
// 使用
define(["jquery", "math"], function ($, math) {console.log("jquery");// 调用 math 内计算方法console.log(math.add(1, 2));$(function () {setTimeout(() => {$("h2").text("Jquery");}, 3000);});
});

// math.js
define(function () {var add = function (x, y) {return x + y;};return {add: add,};
});

推荐看大佬的文章 阮一峰的文章 require.js的用法

相关文章：

记录对 require.js 的理解

目录 一、使用 require.js 主要是为了解决这两个问题二、require.js 的加载三、main.js 一、使用 require.js 主要是为了解决这两个问题 实现 js 文件的异步加载&#xff0c;避免网页失去响应&#xff1b;管理模块之间的依赖性&#xff0c;便于代码的编写和维护。 二、require.…...

编程日记 2023/8/2 8:24:47

minio-分布式文件存储系统

minio-分布式文件存储系统 minio的简介 MinIO基于Apache License v2.0开源协议的对象存储服务&#xff0c;可以做为云存储的解决方案用来保存海量的图片&#xff0c;视频&#xff0c;文档。由于采用Golang实现&#xff0c;服务端可以工作在Windows,Linux, OS X和FreeBSD上。配置…...

编程日记 2023/8/2 8:23:46

Kindling the Darkness: A Practical Low-light Image Enhancer论文阅读笔记

这是ACMMM2019的一篇有监督暗图增强的论文&#xff0c;KinD其网络结构如下图所示&#xff1a; 首先是一个分解网络分解出R和L分量&#xff0c;然后有Restoration-Net和Adjustment-Net分别去对R分量和L分量进一步处理&#xff0c;最终将处理好的R分量和L分量融合回去。这倒是很常…...

编程日记 2023/8/2 8:22:45

AcWing 4575. Bi数和Phi数

文章目录 题意:思路:代码 题意: 就是给你n个数&#xff0c;对于每一个数y你都需要找到一个最小x使得 ϕ ( x ) ≥ y \phi(x) \ge y ϕ(x)≥y&#xff0c;然后再求一个最小平和。 思路: 其实最开始以来的思路就是二分&#xff0c;我先进行线性筛求出每个数的欧拉函数&#xf…...

编程日记 2023/8/2 8:21:41

《Federated Unlearning via Active Forgetting》论文精读

文章目录 1、概述2、方法实验主要贡献框架概述 3、实验结果比较方法实验结果忘却完整性忘却效率模型实用性 4、总结 原文链接&#xff1a; Federated Unlearning via Active Forgetting 1、概述 对机器学习模型隐私的⽇益关注催化了对机器学习的探索&#xff0c;即消除训练数…...

编程日记 2023/8/2 8:20:39

Java课题笔记~Maven基础知识

一、什么是Maven&#xff1f; Maven是专门用于管理和构建Java项目的工具。 它的主要功能有&#xff1a; 提供了一套标准化的项目结构提供了一套标准化的构建流程&#xff08;编译&#xff0c;测试&#xff0c;打包&#xff0c;发布……&#xff09;提供了一套依赖管理机制 …...

编程日记 2023/8/2 8:19:38

xcode中如何显示文件后缀

xcode14.3 用不惯mac电脑真恶心&#xff0c;改个显示文件后缀找半天 1、首先双击打开xcode软件 2、此时&#xff0c;电脑左上角出现xcode字样(左上角如果看不到xcode字样&#xff0c;再次点击xcode软件弹出来就有了)&#xff0c;鼠标右键它&#xff0c;点击setting或者Prefere…...

编程日记 2023/8/2 8:18:35

SpringBoot使用JKS或PKCS12证书实现https

SpringBoot使用JKS或PKCS12证书实现https 生成JKS类型的证书 可以利用jdk自带的keytool工具来生成证书文件&#xff0c; 默认生成的是JKS证书 cmd命令如下: 执行如下命令&#xff0c;并按提示填写证书内容&#xff0c;最后会生成server.keystore文件 keytool -genkey tomcat…...

编程日记 2023/8/2 8:17:33

云原生势不可挡，如何跳离云原生深水区？

云原生是云计算领域一大热词&#xff0c;伴随云原生概念而来的是数字产业迎来井喷、数字变革来临、数字化得以破局以及新一波的技术红利等等。云原生即“云”原生&#xff0c;顾名思义是让“应用”最大程度地利用云的能力&#xff0c;发挥云价值的最佳路径。具体来说&#xff0…...

编程日记 2023/8/2 8:16:32

python的decimal或者叫Decimal，BigDecimal

前言 在python中进行小数计算时&#xff0c;很容易发生精度错误问题&#xff01;&#xff01;&#xff01;&#xff01;一定要注意&#xff01;&#xff01;&#xff01;或者说&#xff0c;只要进行小数的运算都要用decimal。如&#xff1a;银企对账&#xff1b;工程计算等等在…...

编程日记 2023/8/2 8:15:30

Mac环境变量问题

查询环境变量 echo $PATH 查询当前使用的Shell&#xff0c;这里注意SHELL需要大写 echo $SHELL >>>如果输出的是/bin/zsh&#xff0c;说明使用的是zsh。zsh读取的个人配置文件是~/.zshrc (mac10.15.x 后对应的是~/.zprofile) >>>如果输出的是/bin/bash&…...

编程日记 2023/8/2 8:14:29

Shell脚本学习-Web服务监控

参考我的博客文章《Centos安装nginx》&#xff0c;先来安装下nginx。我按照该文档操作了一遍&#xff0c;还是很快就能安装好nginx的。 确认可以安装成功&#xff1a; [rootvm1 sbin]# netstat -atunlp |grep 80 tcp 0 0 0.0.0.0:80 0.0.0.0:* …...

编程日记 2023/8/2 8:13:28

【ChatGPT】基于WSL+Docker的ChatGPT PLUS共享服务部署

最近买了ChatGPT PLUS服务&#xff0c;想通过web服务将它共享给其他人使用&#xff0c;搜了一下目前GitHub上比较热门的服务有 ChatGPT-Next-Webchatgpt-web-share 其中chatgpt-web-share支持API和PLUS账号分享两种方式&#xff0c;且架构为PythonJSDocker&#xff0c;相对比…...

编程日记 2023/8/2 8:12:27

【论文阅读24】Better Few-Shot Text Classification with Pre-trained Language Model

论文相关 论文标题&#xff1a;Label prompt for multi-label text classification&#xff08;基于预训练模型对少样本进行文本分类&#xff09; 发表时间&#xff1a;2021 领域&#xff1a;多标签文本分类 发表期刊&#xff1a;ICANN&#xff08;顶级会议&#xff09; 相关代…...

编程日记 2023/8/2 8:11:25

119、Spring容器启动流程是怎样的（配有Spring启动完整流程图）

Spring容器启动流程是怎样的 在创建Spring容器&#xff0c;也就是启动Spring时&#xff1a;首先会进行扫描&#xff0c;扫描得到所有的BeanDefinition对象&#xff0c;并存在一个Map中然后筛选出非懒加载的单例BeanDefinition进行创建Bean&#xff0c;对于多例Bean不需要在启动…...

编程日记 2023/8/2 8:10:25

微信公众号开发学习

申请测试号 地址 通过F12抓取体验接口权限表的HTML 解析HTML 引入pom <dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId><optional>true</optional></dependency><dependency><…...

编程日记 2023/8/2 8:09:23

【LeetCode】221.最大正方形

题目 在一个由 ‘0 和 ‘1 组成的二维矩阵内&#xff0c;找到只包含 ‘1 的最大正方形&#xff0c;并返回其面积。 示例 1&#xff1a; 输入&#xff1a;matrix [["1","0","1","0","0"],["1","0",&q…...

编程日记 2023/8/2 8:08:22

生成模型相关算法：EM算法步骤和公式推导

EM算法 引言EM算法例子及解法EM算法步骤和说明 引言 EM 算法是一种选代算法&#xff0c;1977 年 Dempster 等人总结提出&#xff0c;用于含有隐变量(hidden variable)的概率模型参数的极大似然估计&#xff0c;或极大后验概率估计EM算法的每次选代由两步组成:E步&#xff0c;求…...

编程日记 2023/8/2 8:07:19

Compose手势

Compose手势 本文链接&#xff1a; 点击 拖动 滑动 锚点 Compose Drag 拖动原理 Compose Drag 拖动原理:等待第一次按下 挂起 // UI展现出来的时候&#xff0c;这个while循环就已经在等待第一次按下了。事件 -> 恢复判断拖动合法性合法onDragStartonDragonDragEndforEa…...

编程日记 2023/8/2 8:06:18

【雕爷学编程】Arduino动手做（177）---ESP-32 掌控板2

37款传感器与执行器的提法&#xff0c;在网络上广泛流传&#xff0c;其实Arduino能够兼容的传感器模块肯定是不止这37种的。鉴于本人手头积累了一些传感器和执行器模块&#xff0c;依照实践出真知&#xff08;一定要动手做&#xff09;的理念&#xff0c;以学习和交流为目的&am…...

编程日记 2023/8/2 8:05:17

从B73到5000个RILs：手把手拆解玉米NAM群体构建的完整流程与关键决策

玉米NAM群体构建全流程解析&#xff1a;从亲本筛选到RILs优化的科学决策 站在玉米遗传研究的十字路口&#xff0c;我们常常面临一个核心挑战&#xff1a;如何在有限资源下构建既能捕获广泛遗传多样性&#xff0c;又能实现精准定位的群体&#xff1f;2009年&#xff0c;Buckler团…...

编程新知 2026/5/23 2:35:55

80C166/C167芯片内部RAM执行代码技术详解

1. 80C166/C167芯片内部RAM执行代码的技术解析在嵌入式系统开发中&#xff0c;有时我们需要将特定代码从ROM复制到芯片内部RAM执行。这种需求常见于需要改变总线模式的场景&#xff0c;比如在Siemens 80C166/C167微控制器上切换8位/16位模式或改变总线复用配置。根据Siemens官方…...

编程新知 2026/5/23 2:32:36

Qt5 super module网络编程指南：WebSocket、HTTP、MQTT通信实现

Qt5 super module网络编程指南&#xff1a;WebSocket、HTTP、MQTT通信实现 【免费下载链接】qt5 Qt5 super module 项目地址: https://gitcode.com/gh_mirrors/qt/qt5 Qt5 super module是一个功能强大的跨平台应用程序开发框架&#xff0c;提供了丰富的网络编程功能&…...

编程新知 2026/5/22 23:44:10

MVVMFramework性能优化：让你的iOS应用运行如飞的10个技巧

MVVMFramework性能优化&#xff1a;让你的iOS应用运行如飞的10个技巧 【免费下载链接】MVVMFramework (OC版)总结整理下一个快速开发框架&#xff0c;以更优雅的方式写代码&#xff0c;做一个代码艺术家。分离控制器中的代码&#xff0c;已加入cell自适应高度&#xff0c;自动缓…...

编程新知 2026/5/22 23:42:00

【函数栈帧的创建和销毁：一文看懂 C/C++ 函数调用的底层秘密】

本文适合&#xff1a;被“局部变量为什么是随机值”、“函数怎么传参”、“返回值怎么带回来”这些问题困扰过的初学者。 文末会解释&#xff1a;为什么返回局部变量的引用有时能打印出正确值&#xff0c;但依然是错的&#xff1f;Hello,大家好呀&#xff0c;这里是小J,函数栈帧…...

编程新知 2026/5/22 23:28:21

Linux字符设备驱动开发：从内核注册到/dev节点创建的完整实践

1. 项目概述&#xff1a;从零到一&#xff0c;理解Linux内核的“门牌号”管理在Linux的世界里&#xff0c;一切皆文件。这个哲学理念不仅体现在我们熟悉的普通文件上&#xff0c;更深刻地内嵌于设备管理中。当你敲下ls -l /dev命令&#xff0c;看到那些tty、null、random等文件…...

编程新知 2026/5/22 21:06:47

扫描电镜（SEM）会产生哪些信号？

当高能电子束与样品相互作用时&#xff0c;会产生多种类型的信号。这些信号提供了有关材料表面形貌、成分和结构的关键信息。1.二次电子&#xff08;SE&#xff09;是入射电子将样品表面附近原子中的低能电子激发出来的。它们携带表面敏感信息&#xff08;深度<10 nm&#x…...

编程新知 2026/5/22 20:49:24

视频孪生融合落地，无感定位完胜 UWB 静态定位模式

视频孪生融合落地&#xff0c;无感定位完胜 UWB 静态定位模式数字孪生产业加速向实景化、动态化、实景融合方向纵深发展&#xff0c;视频孪生凭借实景画面与虚拟模型共生联动的特性&#xff0c;成为实体场景数字化治理的核心载体。空间定位作为视频孪生的数据根基&#xff0c;直…...

编程新知 2026/5/22 20:32:40

赛场制胜参考 CTF 全套 50 个经典解题思路

CTF选手必藏的50个实战解题思路&#xff01;一篇够用&#xff01; CTF竞赛的核心逻辑 • 核心目标&#xff1a;快速拆解问题&#xff08;Flag导向&#xff09;、工具链协作、模式化思维。• 关键原则&#xff1a;先广度后深度&#xff08;优先收集信息&#xff09;、分治策略&…...

编程新知 2026/5/22 20:27:58

终极免费方案：5分钟破解Cursor AI试用限制，永久享受Pro功能

终极免费方案&#xff1a;5分钟破解Cursor AI试用限制&#xff0c;永久享受Pro功能 【免费下载链接】cursor-free-vip [Support 0.45]&#xff08;Multi Language 多语言&#xff09;自动注册 Cursor Ai &#xff0c;自动重置机器ID &#xff0c; 免费升级使用Pro 功能: Youve …...

编程新知 2026/5/22 20:02:27