RequireJS示例

最新推荐文章于 2016-10-08 13:56:45 发布
最新推荐文章于 2016-10-08 13:56:45 发布
阅读量442 收藏 2
点赞数
分类专栏： JavaScript 前端构建部署 RequireJS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013063153/article/details/52431711
版权

建立如下工程目录：

|-test

   |-index.html

   |-index.js

   |-main.js

   |-require.min.js

   |-test.js


其中，index.html如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Index</title>
</head>
<body>
<script type="text/javascript" data-main="main.js" src="require.js"></script>
</body>
</html>
//data-main为入口。


main.js如下：

define(['require','main'],function (require) {
    require(['index','test'],function (index,test) {
        console.log(index.index());
        console.log(test.test());
    });
});

index.js如下：

define(['require','index'],function (require) {
    var index = {
        index:function () {
            console.log("index");
        }
    };
    return index;
});

test.js如下：

define(['require','test'],function (require) {
    var test = {
        test:function () {
            console.log("test");
        }
    };
    return test;    
});
 

--------------------------------------我是分割线----------------------------------------
 

当要简单包装CommonJS来定义模块，则main.js改为：
 

define(function(require, exports, module) {
        var index = require('index');
        var test = require('test');
    }
);
即可引入index.js 和 test.js。
 


                

        

        

    




    

      

        

            

              
                
                  u013063153
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    2
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
项目中requireJS的应用例子

				
			

			

				

					hins
				

				

					08-04
					
					5127
					
				

			

		

		

			
				
页面:


	
	
    
    
    
      
    
      
        
    
      -->
     
     
    
  



app.js
/******require-global-config.js******/
require.config({
    "baseUrl" : "/assets/js",
    
    pa

			
		

	



                

              
                



	

		

			

				
					
requireJS 简要介绍和完整例子

				
			

			

				

					shenzhenNBA的专栏
				

				

					06-13
					
					1万+
					
				

			

		

		

			
				
从事前端开发工作的大概都有所耳闻 requireJS 这个框架，以前都是使用而已没时间写一些记录，今天有空就写一下，顺便写个例子；


什么是 requireJS ？
 requireJS 是用JavaScript编写的JS框架，主要功能是可以按不同的先后依赖关系对 JavaScript 等文件的进行加载工作，可简单理解为JS文件的加载器，它非常适合在浏览器中使用，它可以确保所依赖的JS文

			
		

	



                


  
              

                


	

		

			

				
					
requireJS实例

				
			

			

				

					06-30
				

			

		

		

			
				
requireJS实例Demo

			
		

	





	

		

			

				
					
requirejs,简单示例

				
			

			

				

					u013285483的专栏
				

				

					09-22
					
					1279
					
				

			

		

		

			
				
了解requirejs，建议观看阮一峰老师写的博客
http://www.ruanyifeng.com/blog/2012/11/require_js.html
requirejs在页面底部调用




	
	
	Document
	
		body{
			margin:0px;
			padding:0px;
		}
		header{
			height:44px;
			backgr

			
		

	



		

			
		



	

		

			

				
					
requirejs-examples:来自类的RequireJS示例

				
			

			

				

					04-30
				

			

		

		

			
				
运行示例应用示例应用程序应该已经准备就绪。 您需要安装 。 一旦有了这个，就运行http-server . 从根目录中导航到命令输出的URL（通常为http://localhost:8080 ）。

			
		

	





	

		

			

				
					
hkjc:backbone&requirejs示例工程

				
			

			

				

					05-30
				

			

		

		

			
				
这是一个基于YEOMAN搭建的系统，集成了grunt-proxy、requirejs及rev等打包特性。 通过下面简单的几步你就可以搭建起整个前端开发系统。 ##1. 下载项目 选择1个本地文件夹,在此路径下打开命令行 git init git clone ...

			
		

	





	

		

			

				
					
requirejs-guide:requirejs示例，几种应用场景以及压缩打包

				
			

			

				

					06-28
				

			

		

		

			
				
Requirejs Guide本文包含了对Requirejs的使用，以及对前端js文件组织的思考。Getting started想要完整测试本项目的中的实例，需要安装nodejs和grunt环境 (不知道如何安装？请点 和 )。安装好后，首先使用git clone把...

			
		

	





	

		

			

				
					
art:Angular 1.4 + TypeScript 1.6 + RequireJS示例

				
			

			

				

					04-30
				

			

		

		

			
				
AngularJS 1.4，TypeScript 1.6，RequireJS核心概念。 仅“组件” 组件声明自己HTML和CSS并支持延迟加载组件可以是Angular指令组件可以是Angular模块，包含指令和服务等尽可能使用TypeScript功能以合理接近Angular2...

			
		

	





	

		

			

				
					
RequireJS用法简单示例

				
			

			

				

					10-18
				

			

		

		

			
				
主要介绍了RequireJS用法,结合简单实例形式分析了RequireJS项目文件结构、相关操作技巧与注意事项,需要的朋友可以参考下

			
		

	





	

		

			

				
					
requireJS初学者完整例子

				
			

			

				

					06-14
				

			

		

		

			
				
requireJS框架的初学者完整例子，下载后在浏览器运行index.html即可

			
		

	





	

		

			

				
					
我的第一个requirejs例子，简单的demo

				
			

			

				

					wocaonima332的博客
				

				

					07-20
					
					1531
					
				

			

		

		

			
				
看介绍是很简单的，但是我做这个简单的demo，过程还是很曲折的。引进jquery，老是没引到，后来加上shim好了，再后来，去掉shim也是好的，我崩溃了。。。 
二话不说上代码，给初学者看看。因为我在网上没找到一个完整的代码。要是有一个简单的demo就好了。我是看文档一步一步来的。1、目录结构，WebRoot
           js
                 config.js

			
		

	





	

		

			

				
					
JavaScript字符串转换成数字的三种方法

					
热门推荐

				
			

			

				

					
				

				

					09-03
					
					5万+
					
				

			

		

		

			
				
在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形式的.在网上找了一下js字符串转数字的文章,这个比较全

方法主要有三种
转换函数、强制类型转换、利用js变量弱类型转换。
1. 转换函数：
js提供了parseInt()和parseFlo

			
		

	





	

		

			

				
					
jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式

				
			

			

				

					
				

				

					09-03
					
					2万+
					
				

			

		

		

			
				
jQuery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，
它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。
jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。
jQuery还有一个比较

			
		

	





	

		

			

				
					
JavaScript获取设置div的高度和宽度

				
			

			

				

					
				

				

					09-23
					
					2万+
					
				

			

		

		

			
				
JavaScript获取和设置div的高度和宽度，并且兼容任何浏览器？看代码： 


复制代码代码如下:


 
 


获取div1的宽高度： 


复制代码代码如下:


alert(document.getElementById("div1").offsetHeight); //兼容FF、IE等 
alert(document.getElementById(

			
		

	





	

		

			

				
					
JavaScript DOM元素的childNodes和children的区别

				
			

			

				

					
				

				

					10-08
					
					1万+
					
				

			

		

		

			
				
对于DOM元素

children是指DOM Object类型的子对象，不包括tag之间隐形存在的TextNode；

childNodes包括tag之间隐形存在的TextNode对象。

具体看一下针对children和childNodes在chrome环境下的测试：


html>
html>
head>
    meta charset="UTF-8">
    title

			
		

	





	

		

			

				
					
JavaScript中set与get方法用法

				
			

			

				

					
				

				

					09-26
					
					1万+
					
				

			

		

		

			
				
1、get与set是方法，因为是方法，所以可以进行判断。
2、get是得到 一般是要返回的   set 是设置 不用返回
3、如果调用对象内部的属性约定的命名方式是_age   
 
然后就是几个例子来简单说明一下：

var person ={ _name : "chen", age:21, set name(name) {this._name = name;},get name()

			
		

	





	

		

			

				
					
commonjs和requirejs区别

					
最新发布

				
			

			

				

					05-28
				

			

		

		

			
				
CommonJS和RequireJS都是JavaScript模块加载器，但是它们有一些区别。  CommonJS是一种模块规范，它定义了模块的基本规则和行为，以便在服务器端和本地环境中使用。Node.js是使用CommonJS规范的。  RequireJS是一个...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值