首页 / JAVASCRIPT / SeaJS入门教程系列之SeaJS介绍（一）_Seajs

SeaJS入门教程系列之SeaJS介绍（一）_Seajs

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了SeaJS入门教程系列之SeaJS介绍（一）_Seajs，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1878字，纯文字阅读大概需要3分钟。

内容图文

前言
SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同，SeaJS不会扩展封装语言特性，而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载，将前端工程师从繁重的JavaScript文件及对象依赖处理中解放出来，可以专注于代码本身的逻辑。SeaJS可以与jQuery这类框架完美集成。使用SeaJS可以提高JavaScript代码的可读性和清晰度，解决目前JavaScript编程中普遍存在的依赖关系混乱和代码纠缠等问题，方便代码的编写和维护。
SeaJS的作者是淘宝前端工程师玉伯。
SeaJS本身遵循KISS（Keep It Simple, Stupid）理念进行开发，其本身仅有个位数的API，因此学习起来毫无压力。在学习SeaJS的过程中，处处能感受到KISS原则的精髓——仅做一件事，做好一件事。
本文首先通过一个例子直观对比传统JavaScript编程和使用SeaJS的模块化JavaScript编程，然后详细讨论SeaJS的使用方法，最后给出一些与SeaJS相关的资料。

传统模式 vs SeaJS模块化
假设我们现在正在开发一个Web应用TinyApp，我们决定在TinyApp中使用jQuery框架。TinyApp的首页会用到module1.js，module1.js依赖module2.js和module3.js，同时module3.js依赖module4.js。
传统开发
使用传统的开发方法，各个js文件代码如下：

代码如下:
//module1.js
var module1 = {
run: function() {
return $.merge(['module1'], $.merge(module2.run(), module3.run()));
}
}

//module2.js
var module2 = {
run: function() {
return ['module2'];
}
}

//module3.js
var module3 = {
run: function() {
return $.merge(['module3'], module4.run());
}
}

//module4.js
var module4 = {
run: function() {
return ['module4'];
}
}

此时index.html需要引用module1.js及其所有下层依赖（注意顺序）：
代码如下:




TinyApp

内容总结

以上是互联网集市为您收集整理的SeaJS入门教程系列之SeaJS介绍（一）_Seajs全部内容，希望文章能够帮你解决SeaJS入门教程系列之SeaJS介绍（一）_Seajs所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/320061.html

来源：【匿名】