网址：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){}）;

RequireJS 插件的更多相关文章

  1. requirejs的插件介绍与制作

    本文由作者郑海波授权网易云社区发布. 前言 我这里就不介绍requirejs了, 简而言之: requirejs是支持AMD规范的模块加载器, 事实上它也是AMD的最直接推动者. 现在可供挑选的开源模 ...

  2. requirejs：研究笔记

    模块化历史 模块化异步加载方式 后期维护 查找问题 复用代码 防止全局变量的污染 http://requirejs.cn/ http://requirejs.org/ 我的目录结构 总体步骤 < ...

  3. [JS] JS模块化开发之RequireJS

    本节将简述RequireJS常用的功能 RequireJS 实现了 Asynchronous Module API. 目录: 为什么使用RequireJS 加载RequireJS Hello Worl ...

  4. requirejs + vue 项目搭建

    以前都是支持 司徒正美 的,毕竟咱们也是跟着 司徒正美 一起走进了前端的世界.所以一般MVVM都是用avalon的,当然也是考虑到项目需要支持IE6,7,8的考虑.当然在用的时候也有一些小坑和bug, ...

  5. requireJS 从概念到实战

    requireJS 可以很轻易的将一个项目中的JavaScript代码分割成若干个模块(module).并且requireJS推荐一个模块就是一个文件,所以,你将获得一些零碎的具有互相依赖关系的JS文 ...

  6. Requirejs简单介绍

    具体详情请进入官网查阅:http://requirejs.org 一.什么是Requirejs RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一. 二. ...

  7. RequireJS - 快速指南

    原文: https://www.tutorialspoint.com/requirejs/requirejs_quick_guide.htm RequireJS - 概述 RequireJS是一个Ja ...

  8. seajs与requirejs

    1 seajs暴露的两个对象 二 define()定义 引用模块 三插件 css插件和requirejs插件 4 seajs使用和建议

  9. Requirejs2.0笔记

    API http://requirejs.org/ RequireJS 插件 http://requirejs.org/docs/api.html#plugins ①require.js脚本的异步加载 ...

随机推荐

  1. Sticks（剪枝+BFS）

    Problem Description George took sticks of the same length and cut them randomly until all parts beca ...

  2. redis的几个知识点

    Redis的全称是Remote Dictionary Server,即远程字典服务,通常用作服务器缓存服务. 这里通过Redis的几个知识点来了解Redis. Redis的通讯协议 Redis的通讯协 ...

  3. tomcat 中无法添加项目等问题的解决方案

    博客地址:http://www.moonxy.com 一.前言 今天新建了一个 maven 项目,添加程序文件之后,发现无法添加项目,然后修改配置,将应用添加到了 tomcat,启动时又报错,解决出现 ...

  4. python接口自动化测试七：获取登录的Cookies

    python接口自动化测试七:获取登录的Cookies,并关联到下一个请求   获取登录的cookies:loginCookies = r.cookies 把获取到的cookies传入请求:cooki ...

  5. 企业及监控zabbix

    Php要求必须是5.4及以上(centos 7默认是 5.4.16可以) #安装依赖库 yum -y install gcc curl curl-devel net-snmp net-snmp-dev ...

  6. 16 (OC)* UIAnimation和CoreAnimation

    目录 一 Core Animation 二 核心动画 2.1 基础动画 2.2 关键帧动画 2.3 动画组 2.4 转场动画 2.5 逐帧动画 三 UIView动画封装 3.1 基础动画 3.2 弹簧 ...

  7. BASLER Pylon 抓取策略

    BASLER Pylon 抓取策略 ( 涛哥工业技术 微信号 TaoRobotics) One by One Grab Strategy 逐个抓取策略 当使用 one by one 抓取模式时,图像按 ...

  8. Mysql高手系列 - 第14篇：详解事务

    这是Mysql系列第14篇. 环境:mysql5.7.25,cmd命令中进行演示. 开发过程中,会经常用到数据库事务,所以本章非常重要. 本篇内容 什么是事务,它有什么用? 事务的几个特性 事务常见操 ...

  9. select2 分组后的选项无法被选中

    在使用select2组件的过程中发现分组下的选项无法选中,与分组在同一级的选项可以被选中! 1.所用select2版本select2-4.0.32 2.HTML代码: <input id=&qu ...

  10. 朱晔和你聊Spring系列S1E11：小测Spring Cloud Kubernetes @ 阿里云K8S

    有关Spring Cloud Kubernates(以下简称SCK)详见https://github.com/spring-cloud/spring-cloud-kubernetes,在本文中我们主要 ...