seajs的模块化开发--实践笔记

马玲俊      2022-02-09     576

关键词:

2017-04-02

SeaJS是一个遵循CMD规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。有效的解决复杂项目中命名冲突、依赖、性能等问题。

SeaJS中使用define函数定义一个模块。define可以接收三个参数:require, exports, module。

       require——模块加载函数,用于记载依赖模块。

       exports——接口点,将数据或方法定义在其上则将其暴露给外部调用。

       module——模块的元数据。

 

 SeaJS的基本用法有以下几步:

 

第一步 在HTML文件中引入seajs文件

第二步 另起一个script标签,引入jQuery模块化插件和调用js主程序

 第三步,对jQuery文件进行模块化封装(即将jQuery源码放在模块封装函数内部,并且在最后加上return...)

第四步,书写相关的模块化文件,并提供外部接口

第五步,依赖(调用)其他文件。第一种是同步调用,第二种是异步调用

 

angularjs1笔记-(20)-模块化加载机制seajs

...遵循CMD规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以... 查看详情

sea.js学习笔记

Sea.js入门http://www.cnblogs.com/doseoer/p/4007752.html前端模块化开发的价值随着互联网的飞速发展,前端开发越来越复杂。本文将从实际项目中遇到的问题出发,讲述模块化能解决哪些问题,以及如何使用Sea.js进行前端的模块化开发。htt... 查看详情

seajs基本开发原则

...本开发原则在讨论SeaJS的具体使用前,先介绍一下SeaJS的模块化理念和开发原则。使用SeaJS开发JavaScript的基本原则就是:一切皆为模块。引入SeaJS后,编写JavaScript代码就变成了编写一个又一个模块,SeaJS中模块的概念有点类似于面... 查看详情

seajs实现javascript的模块开发及按模块加载

...名冲突,文件依赖等问题,其主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载。  官方文档:http://seajs.org/docs/#docs  首先看看seajs是怎么进行模块开发的。使用seajs基本上只有一个函数“define” fn.define=function(id,... 查看详情

模块化开发---seajs入门学习

SeaJS是一个基于CMD模块定义规范实现一个模块系统加载器 [CMD规范](https://github.com/cmdjs/specification/blob/master/draft/module.md)9、seaJs启动函数的回调函数官网:http://seajs.org/docs/github:https://github.com/seajs/seajs如何选择一个技术产品栈 查看详情

cmd规范学习笔记——基于seajs实现

CMD(CommonModuleDefinition):该规范明确了模块的书写格式和基本交互规则。通常一个模块就是一个JS文件。通过define关键字来定义模块,最基本的格式为:define(factory);//这里的define是一个全局函数,factory可以是函数或者合法的值。一... 查看详情

seajs笔记

Amd和Cmd的区别有哪些?1.对于依赖的模块,AMD是提前执行,CMD是延迟执行。不过RequireJS从2.0开始,也改成可以延迟执行(根据写法不同,处理方式不同)。CMD推崇aslazyaspossible.2.CMD推崇依赖就近,AMD推崇依赖前置。看代码://CMDdefi... 查看详情

模块化之seajs

  Seajs此文来自予舍驿站提供简单、极致的模块化开发体验非官方文档,整理来自己官方文档的文字与实例,方便速查。seajs.configObjectaliasObject别名配置,配置之后可在模块中使用require调用 require(‘jquery‘);seajs.config({alias:{... 查看详情

《软件构架实践》阅读笔记三

...模块,这些模块构成了可提交的文档和软件单元,标志着开发工作的进程,模块分解视图反应了可修改性战术。进程视图,这一 查看详情

day21

...CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载,将前端工程师从繁重的JavaScript文件及对象依赖处理中解放出来,可以专注于代码... 查看详情

seajs学习笔记(基础)

一:前端开发中常遇到的问题    如果我们的网站简单的时候,结构上也许不会有什么问题,但是如果我们的网站越来复杂的时候(比如功能越来越多的时候,加入项目的人越来越多的时候),我们书写的代码就会... 查看详情

模块化之seajs

模块化(之SeaJS)   刚接触的童鞋可能会有很多疑惑,比喻:什么是模块?模块的目的是干嘛呀?接着就想,玛德怎么样实现模块化呢?  不要急,博主正是带着这三个问题来写这篇文章的。    一... 查看详情

seajs使用

...阵。光是各种概念就让新手难理解。现在弄清楚了,上个实践以备忘。目录结构如图。1.文件sea.html main.js a.js b.js c.js最后还要一个seajs,其中main.js是入口文件,a.jsb.jsc.js都是模块文件(注意模块文件是怎么定义的... 查看详情

简单的使用seajs

...SeajsSeajs是一个加载器 http://yslove.net/seajs/遵循CMD规范模块化开发,依赖的自动加载、配置的简洁清晰。兼容性Chrome3+Firefox2+Safari3.2+Opera10+IE5.5+基本应用导入Seajs库去官网下载最新的seajs文件, http://seajs.org/docs/#downloads在页尾... 查看详情

seajs入门使用

使用Sea.js进行模块化开发还能够带来非常多优点:模块的版本号管理。通过别名等配置,配合构建工具,能够比較轻松地实现模块的版本号管理。提高可维护性。模块化能够让每一个文件的职责单一,很有利于代码的维护。Sea.js... 查看详情

jquery转化为seajs模块(代码片段)

学习了模块化之后,接下来就该是各种实践了。因为习惯了用jquery,所以首先想到的一个问题肯定就是怎么把jquery转化为模块。要转化为模块,首先给jquery源码外面套一层define(function(require,exports,module))然后对外暴露... 查看详情

seajs:一个适用于web浏览器端的模块加载器(代码片段)

...ommonModuleDefinition)规范。SeaJS本身遵循(KeepitSimple,Stupid)理念开发,API仅有几个。为什么用SeaJS?假如我们要开发一个web应用App,在这个应用中需要使用jquery框架。App的首 查看详情

软件构架实践读书笔记2

   A-7E架构包括三个结构:模块分解结构、使用结构、进程结构。   模块分解结构:对于A-7E这样的系统发生改动可能是由3个原因造成的:软件必须与之交互的硬件发生了变化;所要求的系统外部可见行为发... 查看详情