位置: 编程技术 - 正文

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的理解)

  • 个人所得税年终奖单独计税怎么操作
  • 增值税有哪些二类税种
  • 城建税要减进项税吗
  • 代扣代缴境外增值税可以抵扣
  • 企业纳税申报表包括哪些表
  • 公司取得违约金合法吗
  • 库存现金冲销
  • 房产税的纳税义务人是征税范围内房屋产权所有人
  • 递延收益的核算
  • 分公司没有业务季报怎么处理
  • 资产入股会计处理
  • 个人厂房租赁税率是多少
  • 新企业第一次报所得税
  • 外籍个人工资薪金汇出境
  • 母子公司好处
  • 收到电子银行承兑汇票的账务处理
  • 售后回购融资租赁合同
  • 固定资产退回账务处理规定
  • 金融机构对服务的要求
  • 个税返还交所得税吗
  • 支付运费价税合计
  • 医院晚上开不开
  • 建筑业外出经营管理办法
  • 差额纳税账务处理
  • 仅提供发票
  • 职工教育经费列支范围及标准
  • 哪些银行承兑汇票比较好
  • 增值税发票抵扣联
  • 风险控制措施包括哪5个方面
  • mac 双系统如何调整系统空间
  • window11 正式版
  • linux压缩.gz
  • PHP:Memcached::decrementByKey()的用法_Memcached类
  • win10多任务分屏怎么关闭
  • 有留抵税额怎么做分录
  • PHP:proc_get_status()的用法_命令行函数
  • 愚人二部曲
  • php点击跳转
  • Python 高性能 pdf
  • vue3官方教程
  • html用语
  • 保险公司应收保费汇报范文
  • 深究Python中的asyncio库-shield函数
  • 价税合计公式分配
  • 无法连接配置的sql服务器
  • 公司贷款可以转私户吗
  • 固定资产以前年度多计提怎么办
  • 劳务成本科目的分类
  • 初级会计实务重点内容
  • 应收账款的财务指标有哪些
  • 空调抵扣进项税
  • 预付款已经开了发票未到货要怎么做账
  • 费用化资本化对税收的影响
  • 核定征收小规模做汇算清缴吗
  • 建筑企业总公司施工可否由分公司开发票
  • 费用报销流程及制度
  • sql语句错误提示
  • mysql更新表中的数据
  • 软碟通可以制作uefi启动盘吗
  • win10 怎么设置
  • xp附件游戏
  • 计算机彻底删除文件的方法
  • 高危禁止安装怎么解除
  • win8升win8.1
  • macbook怎么修复磁盘
  • 苹果系统数据怎么清掉
  • win8如何使用网页版的onedrive
  • WIN10系统中引导修复不工作
  • win8任务栏点击没反应
  • jquery文本框内容改变事件
  • shell按行读取文件存入数组
  • js中的$是什么意思
  • js页面点击怎么随机生成图片
  • java分布式计算
  • Android通知栏点击打开安装
  • java script入门
  • 怎样学好js中的逻辑
  • 发票一年可以开多少
  • 重大税务违法案件一案双查标准
  • 非法印制发票的后果
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设