RequireJS 插件
2024-10-06 11:33:17
网址:http://www.requirejs.cn/docs/api.html#i18n
RequireJS的插件:
Text:自动加载一些非js的文本文件。
domReady:确保在Dom Ready之后,执行需要与DOM交互的逻辑。
i18n : 语言的本地化
目录结构:
例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Hello The World!</title>
<script data-main="js/main" src="js/require.js" ></script>
</head>
<body>
<button id="switch">Lady</button>
<div id="content">
</div>
</body>
</html>
index.html
require.config({
baseUrl: 'js',
paths:{
'Lady': 'template/Lady.html',
'Sir': 'template/Sir.html'
}
}); require(["jquery","domReady","text","text!Lady","text!Sir"],function($,domReady,text,Lady,Sir){
domReady(function(){
alert("Dom is ready!");
$("#content").html(Lady);
$("#switch").click(function(){
if($("#switch").text() == "Lady")
{
$("#switch").text("Sir");
$("#content").html(Sir);
}
else
{
$("#switch").text("Lady");
$("#content").html(Lady);
}
});
});
});
main.js
<div>
<br>Hello,Sir!<br>
</div>
Lady.html
<div>
<br>Hello,Lady!<br>
</div>
Sir.html
Text : 在依赖前加前缀:text! ,文本文件就会自动加载。
domReady:
1)例子中API嵌套的方式应避免;
2)以Loading Plugin语法加载,来强调在require回调函数之前,等待DOM Ready。Dom Ready会返回当前的doc。这种方式可能导致requirejs超时,可以考虑
waitSeconds选项。
eg:require(["domReady!"],function(doc){});
最新文章
- Java中的blank final
- 【阿里云产品公测】云引擎ACE初体验
- idea从vcs引入maven项目报错
- Standford CoreNLP--Sentiment Analysis初探
- Cocos2d粒子系统二
- Samba &;amp; Nginx - Resource temporarily unavailable
- JavaScript 30 - 1 学习笔记
- Elasticsearch.安装(单节点)
- SpringMVC Controller接收参数总结
- WPF如何实现TreeView节点重命名
- 安全工具-Hydra
- MVVM设计模式加RAC响应式编程
- ANY 和 IN 查询价格大于或等于";超级本";价格的商品,并且按价格降序排列
- spring中定时任务quartz2.2.3
- TensorFlow 分布式实践
- sql server ldf 日志文件清理
- React Native 初步
- 动态可视化 数据可视化之魅D3,Processing,pandas数据分析,科学计算包Numpy,可视化包Matplotlib,Matlab语言可视化的工作,Matlab没有指针和引用是个大问题
- Cisco 3550配置DHCP中继代理
- 『编程题全队』Alpha 阶段冲刺博客Day2
热门文章
- .Net基础篇_学习笔记_第五天_流程控制while循环
- FastReport安装包下载、安装、去除使用限制以及工具箱中添加控件
- jmeter 命令压测生成报告
- Sublime Text 3 中实现编译C语言程序
- 排列组合算法的Java实现
- 实战SpringCloud响应式微服务系列教程(第六章)
- jenkins自动化部署项目1--下载安装启动(linux)
- 23种设计模式之责任链模式(Chain of Responsibility Pattern)
- Spring boot 梳理 - mappingJackson2JsonView
- docker容器添加对外映射端口