`
Blackbaby
  • 浏览: 185034 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

[Seajs模块化] HelloWorld学习

 
阅读更多

 

1 . Do.main.js

 

define('math',function (require, exports, module) {
//  exports.sum = sum;
     module.exports = (function (){
    	 return {
    		 sum : function(x, y){
    			 return x + y+1;
    		 }
    	 }
     })();
});
 

 

2 . demo.html

 

<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<script type="text/javascript" charset="utf-8" src="script/lib/sea-debug.js"  id="seajsnode"></script>
	<script  type="text/javascript" charset="utf-8">
		 seajs.config({
		    base: '/script/',
		    alias: {
		    },
		    charset: 'utf-8',  
		    timeout: 20000,
		    debug: 0
		});
		seajs.use('Do.main', function(math) {
		    console.log('hello world!');
		    alert(math.sum(1,2));
		});
	</script>
</head>
</html>
 

 3.目录结构如附件

  • 大小: 11 KB
分享到：
| spring mcv包扫描和使用@Transactional的冲 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    模仿seajs模块化加载的自行实现练习

    这是自己编写的模仿seajs模块加载的模块加载器，用于学习交流之用。大致模仿seajs的模块化加载实现。

    Hybrid开发，基于h5+ API和mui前端框架，以及seajs模块化开发的一套跨平台APP开发框架.zip

    Hybrid开发，基于h5+ API和mui前端框架，以及seajs模块化开发的一套跨平台APP开发框架.zip

    简易实现seajs模块转换成esmodules模块的脚本

    Seajs和ES Modules（ESM）是两种不同的模块加载规范，分别代表了JavaScript模块化发展的不同阶段。Seajs是早期广泛使用的CMD（Common Module Definition）规范的实现，而ES Modules则是现代浏览器和Node.js原生支持...

    gulp构建seajs模块案列

    总结来说，`gulp`和`gulp-cmd-pack`的组合为Seajs项目的构建提供了强大支持，通过自动化处理模块依赖、合并和压缩，使得前端开发变得更加高效和便捷。在实际项目中，还可以根据需求与其他`gulp`插件结合，比如处理...

    seajs js 模块加载器

    随着Web应用的复杂度不断提升，JavaScript代码的组织和依赖管理变得至关重要，SeaJS 提供了一种有效的解决方案，使得开发者能够按照模块化的思想来编写代码，提高代码的可维护性和复用性。 SeaJS 的核心概念是模块...

    Javascript模块化编程（三）：模块化编程实战，试用SeaJS

    本篇文章将深入探讨JavaScript模块化编程的实战应用，特别是通过试用SeaJS这一工具来实现。SeaJS是一款专注于浏览器端的模块加载器，它遵循CommonJS规范，旨在解决JavaScript在浏览器环境下的模块化问题。 1. 模块...

    seajs模块加载框架

    SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。

    littledream111#Web-1#CMD-SeaJS模块化教程1

    sea.js简单使用教程下载sea.js, 并引入创建项目结构定义sea.js的模块代码//内部变量数据var data = 'atguigu.com'//内部

    SeaJS快速入门，让js代码模块化 - 2011-09-09修订，新添参考资料

    SeaJS 是一个用于浏览器端的 JavaScript 模块加载器，它旨在帮助开发者实现模块化的 JavaScript 编程。SeaJS 的出现，是为了解决 JavaScript 在大型项目中的组织和依赖管理问题，使得代码更加清晰、可维护，并且支持...

    JavaScript模块化开发库之SeaJS

    JavaScript模块化开发库之SeaJS 在Web开发中，JavaScript代码的组织和管理是一个重要的问题。随着项目的复杂性增加，代码的模块化变得至关重要。...通过深入学习其源码和使用工具，可以进一步掌握前端模块化的精髓。

    seajs_2.3.0以及学习文档

    Seajs 是一个轻量级的前端模块加载器，它的出现是为了在浏览器端实现 CommonJS 规范，使得 JavaScript 的组织和开发变得...通过深入学习和实践 Seajs，你可以更好地掌握前端开发的模块化思想，提升项目管理和协作效率。

    seajs-project:基于seajs模块化的合并压缩方案

    基于seajs模块化的合并压缩###合并压缩前--Gruntfile.js--打包脚本--pagekage.json--依赖的npm配置--node-modules/--下载的npm--app/ //存放页面--src/ //打包前目录------seaConfig.js //Seajs配置文件------page/ ...

    seajs 源代码 学习

    总结，Seajs 是一种优秀的前端模块化解决方案，通过学习 Seajs，开发者可以掌握前端模块化的基本思想，提高代码质量和开发效率。通过深入理解其源码，可以进一步提升对前端工程的理解。虽然现代前端构建工具日益强大...

    seajs入门完整案例，适合新手学习

    Seajs 是一个基于浏览器的模块加载器，它遵循 CommonJS 规范，使得在浏览器环境中可以实现模块化开发。这个“seajs入门完整案例”针对初学者提供了学习资源，帮助他们快速掌握Seajs的基本用法和特性。 1. **模块化...

    seajs代码以及文档，帮助你学习。

    开始学习seajs，模块化的js思想。SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同，SeaJS不会扩展封装语言特性，而只是实现...

    seajs学习之模块的依赖加载及模块API的导出

    SeaJS 是一款轻量级的前端模块加载器，它遵循CommonJS规范，允许开发者按照模块化的方式编写和加载JavaScript代码。本文将深入探讨SeaJS如何实现模块的依赖加载以及模块API的导出。 首先，SeaJS的核心在于其对模块...

    seajs-5分钟上手

    Seajs是中国开源社区推出的一款浏览器端的模块加载器，它借鉴了CommonJS的规范，但针对浏览器环境进行了优化，使得JavaScript在浏览器端也能实现模块化的开发。本教程将带你快速了解并掌握Seajs的使用，让你在5分钟...

    基于gulp合并压缩Seajs模块的方式说明

    在现代前端开发中，模块化开发是构建复杂应用的一种重要方式。Sea.js 是一个遵循CMD（Common Module Definition）规范的JavaScript模块加载框架，广泛用于前端项目模块化管理。gulp是一个基于Node.js的构建工具，...

    前端模块化进程-requirejs seajs

    requirejs seajs amd cmd，该PPT主要用于讲解前端模块化的前世今身。 requirejs seajs amd cmd，该PPT主要用于讲解前端模块化的前世今身。

    Web前端模块化组件seajs-3.0.0版

    除了解决命名冲突和依赖管理，使用 Sea.js 进行模块化开发还可以带来很多好处： 模块的版本管理。通过别名等配置，配合构建工具，可以比较轻松地实现模块的版本管理。 提高可维护性。模块化可以让每个文件的职责...

Magicbox
Global site tag (gtag.js) - Google Analytics