位置: 编程技术 - 正文

RequireJS入门一之实现第一个例子(js中的require用法)

编辑:rootadmin

推荐整理分享RequireJS入门一之实现第一个例子(js中的require用法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:retire.js,refresh js,requirejs define,recoil js,recoil js,refresh js,require.js使用,js中的require用法,内容如对您有帮助,希望把文章链接给更多的朋友!

为什么学习RequireJS?

像我这种菜鸟,会提到海量文章里提到的AMD、JS模块化编程、异步... ... 等等

RequireJS会让你以不同于往常的方式去写JavaScript。你将不再使用script标签在HTML中引入JS文件,以及不用通过script标签顺序去管理依赖关系。

RequireJS是一个Javascript 文件和模块框架,它可以帮我们去管理js代码(我的理解)。

深入学习,我们便会被迫接受一系列的名词:data-main、require、define、baseUrl、paths、shims、deps。。。等等;

总之,很多文章都在向我们推销一些自己都说不明白的名词和概念。

简单点,现在我们要做一个简单的需求,用RequireJS管理我们的js代码,还要能使用jquery!

1.构建一个web工程,跑起来!

里面文件如图:

这里面有好多坑,所以我把文件都放在文件根目录,先排除掉这些小问题!

其中jquery.js和require.js是需要去网站下载的,请自行百度。

2. 在index.jsp中添加script标签

可以在<body>里添加一个标签 <p>RequireJS异步加载测试</p>

RequireJS入门一之实现第一个例子(js中的require用法)

3. 补充main.js文件

4.跑起来~

你会看到弹出框,页面已经渲染显示了 “RequireJS异步加载测试” 。

小结:

a. RequireJS由James Burke创建,他也是AMD规范的创始人。它是一个工具库,用于客户端的模块管理。

从本例体现出的:

1. 弹出alert的时候页面同时也被渲染,体现了异步加载的功能,传统放在head中的写法会造成阻塞,只有点击确定后才能渲染页面。

2. 页面只需要引入一个require.js,不需要再引入其他繁多复杂的js代码,剩下的工作交给RequireJS框架来做!

b. 学习之前先了解AMD规范,AMD通过define来定义模块,基本模式:define("id",[deps1,deps2,...],callback);

为什么本例没有define就可以跑起来? 因为jquery提供了对AMD的支持。path对象即是用来引入各种模块的。

普通的js代码可否被RequireJS管理? 可以,使用shims来加载这些资源!

c. 总结以后的编码思路:

Xx.jsp Xx.js(同main.js) 通过 require.config 引入各种js模块(资源);require加载所需模块,并在回调函数中传入对应变量,以方便在其中直接调用各模块中的函数和变量。

d. 自己实现: 页面加一个按钮;在main.js中加入juqery的click监听事件,测试是否监听成功!

e. 遗留问题:路径问题,肯定不能在根目录,不过这都不是事儿!

本文就是关于RequireJS入门一之实现第一个例子的全部叙述,希望对大家有所帮助。

详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组) 问题描述:使用JavaScript生成一个倒数7天的数组。比如今天是月1号,生成的数组是["9月号","9月号","9月号","9月号","9月号","9月号","月1号"]。

JS日期格式化之javascript Date format 在上篇文章给大家介绍了js对Date对象的操作的问题(生成一个倒数7天的数组),本篇介绍有关js日期格式化之javascriptDateformat,本文通过三种方法给大家讲

JS处理json日期格式化问题 起因对于从C#返回的日期字段,当进行JSON序列化后,在前台JS里显示的并不是真正的日期,这让我们感觉很不爽,我们不可能为了这东西,把所有日期字

标签: js中的require用法

本文链接地址:https://www.jiuchutong.com/biancheng/380276.html 转载请保留说明!

上一篇:浅谈Javascript中substr和substring的区别(javascriptj)

下一篇:详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)(javascript的理解)

  • 公司出售厂房需要交哪些税
  • 子公司向母公司借款利息税务处理
  • 企业购买银行理财的条件
  • 房屋维修基金帐户怎么查
  • 免征增值税和增值税区别
  • 咨询费计入什么管理费用的什么科目
  • 工会经费如何申报?
  • 视同销售的销售额如何确定
  • 进项多少就开多少的票吗
  • 分步法和分批法思维导图
  • 预算管理如何做好管理会计这一工作
  • 长期借款利息计入在建工程
  • 企业受托研发产品有哪些
  • 房产过户的相关问题
  • 股票发行的会计分录
  • 新办建筑劳务公司有资质证书吗
  • 单位聘请临时工工资怎么报税
  • 一般企业每个月的保洁费用是多少
  • 营业外支出用什么账户
  • 试营业生产的样品怎么做账?
  • 领款凭证可以当收据吗
  • 转出未交增值税借方余额表示什么
  • 法律诉讼费计入什么会计科目
  • win11操作中心怎么关闭
  • 明股实债和明债实股
  • 在windows7中用来存放硬盘中被删除的文件或文件夹的是
  • 计提长期待摊费用会计分录怎么写
  • php获取农历日期
  • 司机公里补助用不用交个税
  • PHP:pg_get_result()的用法_PostgreSQL函数
  • hipsdaemon.exe是什么
  • 转租收入是否缴纳房产税江苏
  • 基于中国国情的中国式现代化具有哪些特色
  • 离职补偿金的会计实务处理
  • chart.js教程
  • 印花税需要交钱吗
  • 待转销项税额会计分录
  • 计算所得税不得扣除的税金
  • phpfor循环语句
  • 罚款属于应付账款吗
  • 其他综合收益的构成项目如何
  • 进口增值税抵扣期限
  • 餐饮发票不见了怎么补
  • php的默认网站目录是
  • 织梦系统安装教程
  • 其他应付款在清算时怎么处理
  • 兼职人员属于雇主吗
  • 税控服务费减免会计分录
  • 建筑企业的收入特点有哪些
  • 固定资产降低
  • 所得税费用该怎么算
  • 外购的商品
  • 应付账款多好还是少好
  • 消防设施安装费收费标准
  • 土地承包经营权上的房屋
  • 网银转账被退回来了
  • 资金占用费如何计算企业所得税
  • 停车费报账
  • 菜品毛利怎么计算
  • 子公司的取得方式
  • 会计凭证传递的基本要求
  • sqlserver怎么创建临时表
  • sql server 数据库介绍
  • sql触发器使用存储过程
  • 修改linuxip
  • 操作系统与硬件之间的关系
  • mac搜索app
  • macos使用方法
  • centos7tar解压
  • JavaScript实现QQ列表展开收缩扩展功能
  • shell脚本实例精讲
  • 浅蓝色html代码
  • 安卓大作业小游戏五子棋
  • java教程
  • web.py 十分钟创建简易博客实现代码
  • 河南热力公司收费标准
  • 新疆捡陨石地方叫什么
  • 天津海泰南路属于哪个区
  • 雅加达购物必买的东西
  • 工商注册app是不是在手机上可以完全操作
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设