`

seajs入门

阅读更多

向大家介绍一下sea.js,算是入个门。具体可以参考这里http://seajs.org/docs/#quick-start

文档结构如下:

timeline

  | -- index.html

  | -- main.js

  | -- sea.js

 

step1:创建index.html页面,引入sea.js脚本

<!DOCTYPE HTML>
<html>
<head>
	<title>timeline脚本</title>
	<script type="text/javascript" src="sea.js"></script>
	<script type="text/javascript">
		seajs.use("main",function(main){
			main.start();
		});
	</script>
</head>
<body>
	<canvas id="myview">您的浏览器不支持,请更换现代浏览器</canvas>
</body>
</html>

 step2:按照CMD模块定义规范编写main.js代码

define("main",function(require, exports, module){
	exports.start = function(){
		alert("hello world");
	};
	
});

 好了,这样就可以运行index.html,看看页面是不是弹出提示框

 

 

分享到:
评论

相关推荐

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

    这个“seajs入门完整案例”针对初学者提供了学习资源,帮助他们快速掌握Seajs的基本用法和特性。 1. **模块化开发**:Seajs 提供了类似于 Node.js 的模块加载机制,允许开发者将代码分解为多个模块,每个模块都有...

    SeaJS入门实例

    ### SeaJS入门实例详解 #### 一、简介与背景 SeaJS是一款优秀的JavaScript模块加载器,它基于CommonJS Modules 1.1规范设计,适用于浏览器环境。与Node.js的module 1.0规范类似,SeaJS能够帮助开发者更好地组织和...

    seajs入门小实例

    Seajs 是一个轻量级的前端模块加载器,它的出现是为了在浏览器环境中实现模块化开发,使得JavaScript代码的组织更加有序,便于维护和协作。Seajs 的设计思想深受CommonJS的影响,但考虑到浏览器环境的特性,它并没有...

    SeaJS入门教程系列之完整示例(三)

    整个SeaJS入门教程系列完整示例通过一个简单的网页应用,将模块化思想和SeaJS的使用方法展现出来,非常适合初学者用来入门学习。通过这个示例,我们可以了解到如何利用SeaJS加载JavaScript模块,实现页面内容的动态...

    SeaJS入门教程系列之使用SeaJS(二)

    SeaJS 是一个JavaScript模块加载器,它遵循CommonJS规范,帮助开发者实现模块化的JavaScript开发,使得代码更加组织有序,易于维护。本篇教程主要讲解如何使用SeaJS,并介绍其核心功能和开发原则。 首先,使用SeaJS...

    SeaJS入门教程系列之SeaJS介绍(一)

    SeaJS是一款遵循CommonJS规范的JavaScript模块加载框架,由淘宝前端工程师玉伯开发。SeaJS的目的是实现JavaScript的模块化开发及加载,帮助开发者轻松愉悦地加载模块,而不是扩展封装语言特性。SeaJS强调KISS(Keep ...

    seajs文件源码

    seajs入门资料,快看过来。是seajs源码,可以作为学习的参考。

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

    **SeaJS快速入门** SeaJS 是一个用于浏览器端的 JavaScript 模块加载器,它旨在帮助开发者实现模块化的 JavaScript 编程。SeaJS 的出现,是为了解决 JavaScript 在大型项目中的组织和依赖管理问题,使得代码更加...

    seaportjs:seajs的精简版

    Seaport:seajs特定场景下的替代品具体介绍请看这里:##可用在什么场景下?相信大伙使用seajs,上线前都会把必要JS合并、压缩。这时为了保证模块间通信必须保留seajs在项目中。这里提到一个极端的例子:全部需要的 ...

    grunt-seajs-scripttag:seajs grunt插件,用于通过脚本标签导入简明文件

    grunt-seajs-scripttag 在模板中包含[removed]标记,以便通过grunt-antrol-concat导入拆分的文件入门这个插件需要~0.4.0 如果您以前从未使用过 ,请务必查看《指南》,因为它说明了如何创建以及安装和使用Grunt插件...

    轻松入门React和Webpack中文WORD版

    资源名称:轻松入门React和Webpack 中文WORD版内容简介:React 一个组件,有自己的结构,有自己的逻辑,有自己的样式,会依赖一些资源,会依赖某些其他组件。 Webpack是一个打包工具,而不是像RequireJS或SeaJS这样...

    Seajs是什么及sea.js 由来,特点以及优势

    - 学习资料不足:Sea.js的入门资料和社区支持相对较少,可能对初学者造成一定的困扰。 - 需要改变编写习惯:团队成员需要适应模块化编程的方式,而不能随意地编写JS代码。 - 配套工具:Sea.js推荐使用SPM(Sea.js ...

    前端开发入门必备的手册.rar

    这份"前端开发入门必备的手册.rar"压缩包包含了一些核心的学习资源,旨在帮助初学者或有经验的开发者巩固和提升他们在前端开发中的技能。以下是这些技术的详细介绍: 1. **Bootstrap**:这是一个流行的开源前端框架...

    hello-react-backbone:Backbone和ReactJS的整合,该项目使用了Backbone的Model和ReactJS进行整合使用,可以认为是ReactJS替换掉了Backbone的View,这个是入门小例子

    #Hello-React-Backbone**目的:**做Backbone和ReactJS的整合,该例子使用了Backbone的Model和ReactJS整合,可以认为是ReactJS替换掉了Backbone的View,这个是入门小例子 。**实现内容:**通过传递的json数据构建...

    jsGrid:简单的 JavaScript 网格组件

    入门要开始使用,您可以简单地克隆 angular-seed 存储库并安装依赖项:先决条件您需要 git 来克隆 angular-seed 存储库。 您可以从获取 git。 我们还使用了许多 node.js 工具来初始化和测试 angular-seed。 您必须...

    nodetpl:功能强大,高效,易于使用,有趣JavaScript模板引擎

    包括步骤模板分级CSS / JS:原始CSS / JS具有打包机制,独立于模板可以拥有自己CSS / JS 模块化:支持RequireJs(AMD)/ seaJs(CMD)/ CommonJs / ES6 Node.js:该模块可以用作node.js包,并且支持Express.js 快速...

Global site tag (gtag.js) - Google Analytics