require用法

require用法现在前端的页面都采用模块化来加载 js 避免了 js 加载的延迟顺序依赖等问题 原理的东西这里不多做解释 我们这节只是介绍一下 require 的用法 1 首先我们要下载 require js 文件 2 html 引入 lt scriptsrc js require js data main main gt lt script gt 这里 src 是 require js 的路径 data main

现在前端的页面都采用模块化来加载js;避免了js加载的延迟顺序依赖等问题;原理的东西这里不多做解释,我们这节只是介绍一下require的用法:

1.首先我们要下载require.js文件;

2.html引入;这里src是require.js的路径;data-main=”是引入js主文件的路径”;由于默认主文件是js这里就省去.js;

3.编写模块儿代码:必须用AMD规范;

例如:util.js这里没有依赖

define(function(){ var util={ logLocation:function(x,y){ return (x+y); } } return util; })

aUtil.js依赖于util就要这么写

define(['util'],function(util){ var autil={ aaa:function(x,y,z){ return util.logLocation(x,y)+z } } return autil; })

[‘util’]为依赖的模块,这里是数组,可以是多个依赖,这里默认路径是相同的,不同可以用相对路径;function(uitl);这里的参数和前边的依赖是一一对应的是依赖返回的对象,我们调用的就是对象的方法;

主js这么写:

require(['aUtil'],function(autil){ console.log(autil.aaa(1,2,3)); })

这里是最终输出,需要将define,改为require,依赖和参数的写法同上;我们默认的是js路径一样;如果不一样需要配置config:

这里可以这样配置:

require.config({ baseUrl:"../js", paths:"a-util" })

或者:

require.config({ paths:"../js/a-util" })

关于更多的配置操作,我们这里不做概述,如有错误望指正

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/229065.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午5:33
下一篇 2026年3月16日 下午5:33


相关推荐

  • UML——概述

    UML——概述UML——概述

    2022年4月24日
    36
  • ETCD锁

    ETCD锁etcd 中的锁是 tryLock 模式 每次 lock 都是尝试 lock 也就是尝试锁定某个 key 如果该 key 当前状态下是被锁定的话 就无法锁定 引入 etcd 租约 该租约的效果是给该锁添加失效时长 租约到期 该锁失效 自动释放 代码如下 importjava util concurrent ExecutionExc importjava util concurrent Time

    2025年11月21日
    3
  • asmx文件_将Web服务的实现与ASMX文件分开

    asmx文件_将Web服务的实现与ASMX文件分开asmx文件Afellowsaidrecentlythathewantedtobuilda”monsterwebservice”withover20classesandover20methods(well,notTHATmonster,butnotHelloWorld).Hesaid:一位同僚最近说,他想构建一个具有20多个类和20多种…

    2022年5月23日
    43
  • 存储基本概念与SAN存储

    存储基本概念与SAN存储前言环境 centos7 9 什么是存储 storage 简单来说 存储就是存放数据的介质 我们平时最常见的存储就是 U 盘 移动硬盘 笔记本使用的机械或固态硬盘等等 在服务器领域 为了数据的安全性 业务数据一般要与系统分开而且重要的业务数据一般是通过某种共享技术 nsf 挂载到远程存储上的 这样即是为了安全 也是为了高可用性 比如 音视频网站 存放音视频的目录一般不能放在根分区下 以防系统挂掉的时候 需要重新系统时 音视频数据还在 同时 由于音视频数据量太大 不可能说把音视频的数据放在本地服务器的磁盘空间上

    2026年3月19日
    2
  • js/javascript获取时间戳的5种方法

    js/javascript获取时间戳的5种方法1 获取时间戳精确到秒 13 位 consttimesta Date parse newDate console log timestamp 输出 0013 位 2 获取时间戳精确到豪秒 13 位 consttimesta Math round newDate console log timestamp 输出 0313 位 3 获取时间戳精确到豪秒 13 位 consttimesta

    2026年3月19日
    2
  • MAC下安装yarn方法

    MAC下安装yarn方法国内用户推荐使用脚本方式安装,快

    2022年5月26日
    360

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号