SeaJS实现模块化JavaScript开发

SeaJS的作者是淘宝前端工程师玉伯。SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。SeaJS本身遵循KISS(Keep
It Simple, Stupid)理念进行开发,其本身仅有个位数的API。

简单例子:

html文件

<script type="text/javascript" src="__PLG__/sea.js"></script>
<script type="text/javascript">

seajs.config({

   base: "./",

   alias: {

      //JS
      "zepto": "__PLG__/zepto.min.js",

      "frozen": "__PLG__/frozenjs/frozen.js",

"app": "__JS__/app.js",


      //CSS

      "css-activity": "/Public/Home/css/style.css"

   }

});

seajs.use(["css-activity"]);

</script>

app.js文件

define(function(require, exports, module){
   var $ = require("zepto");
   var fz = require("frozen");
   var ld;

    开始你的表演...

})

参考:

http://yslove.net/seajs/#base   简易文档

https://aotu.io/notes/2016/08/29/SeaJs-From-Entry-To-The-Principle/index.html  从入门到原理

类似加载框架

LABjs、RequireJS、SeaJS 哪个最好用?为什么? - 知乎

时间: 2024-10-19 14:52:05

SeaJS实现模块化JavaScript开发的相关文章

使用seajs进行模块化前端开发

之前有一篇文章介绍了requireJS进行模块化开发,今天来说高大上的国产SeaJS的吧,是的SeaJS遵循的是CMD规范.作者是淘宝前端工程师,名字叫玉伯.此解决方案的宗旨是使前端工程师从繁重的js文件及对象依赖处理中解救出来,从而可以专注代码的逻辑本身. 要使用SeaJs,只要下载sea.js文件,然后直接包含在html文件中就可以了,那么如何定义能被seajs加载的模块呢?请看下面的这段源码: fn.define = function(id, deps, factory) { //code

分析模块化的JavaScript开发的优势在哪里?

如今模块化的 JavaScript 的开发越来越火热,无论是模块加载器还是优秀的 JavaScript 模块,都是层出不穷.既然这么火,肯定是有存在的理由,肯定是解决了某些实际问题.很多没接触过模块化 JavaScript 开发者不禁要问,我真的需要模块化吗,模块化相比于传统的模式有什么优势? JavaScript 本身是没有模块化支持的,很多语言多有,就连CSS都有这样的加载方式. @import "fed.css"; 虽然因为性能问题不推荐CSS这样来进行加载,但这是一种模块化的思

资源分享:HTML+ CSS+Javascript开发的游戏

文章简介:这是一些采用HTML, CSS, 和Javascript开发的游戏.有些甚至只用到了CSS技术. 这是一些采用HTML, CSS, 和Javascript开发的游戏.有些甚至只用到了CSS技术. 1. Whack-a-Rat – CSS only game 2. SURVIVOR (1982 Commodore 64 game remake) 3. Sumon 4. 3D – CSS puzzle 5. Duck Hunt 6. Dino Pairs Game 7. Cops and

如何使用javascript开发MAC Dashboard应用

大家也需对windows 8上可以用javascript开发Metro 界面的netive app有所了解.其实osx上也提供了类似的功能, OS X v10.4 Tiger发布时提供了一个Dashboard应用程序,用户可以自定义添加widget应用小程序.用户可以通过f4热键,方便的启用Dashboard.不得不说一下,Dashboard也是大名鼎鼎的canvas技术的发源地. 运行在Dashboard中的小程序,完全使用HTML,DOM,CSS,javaScript技术,因此可以说这些对前

JavaScript开发规范 降低代码与XHTML耦合性

作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利于团队的合作,通常还会带来代码安 全以及执行效率上的问题.本人在开发工作中就曾与不按规范来开发的同事合作过,与他合作就不能用"愉快"来形容了.现在本人撰写此文的目的除了与大家分享 一点点经验外,更多的是希望对未来的合作伙伴能够起到一定的借鉴作用.当然,如果我说的有不科学的地方还希望各路前辈多多指教.下面分条目列出各种规范要 求,这些要求都是针对同事编码毛病提出来的,好些行业约定的其

最好用的JavaScript开发工具和代码编辑器

  Web设计和开发是现今越来越流行的职业方向之一.工欲善其事,必先利其器,如果你想在这个领域出类拔萃,那么你就必须具备一些优秀的技能,例如能操作不同的平台.IDE和其他各种各样的工具. 谈到平台和IDE,现在已经不是以前那个掌握一个IDE就能"一招鲜吃遍天"的时代了.激烈的竞争以及蔓延到现在的集成开发环境.基于IDE是用于 创建和部署应用程序的强大客户端应用程序,下面我们要分享的就是对于很多网页设计师和开发人员而言,最好的JavaScript 开发工具. 若有不同见解,敬请不吝赐教.

分享9个最好用的JavaScript开发工具和代码编辑器

  这篇文章主要介绍了9个最好用的JavaScript开发工具和代码编辑器,需要的朋友可以参考下 Web设计和开发是现今越来越流行的职业方向之一.工欲善其事,必先利其器,如果你想在这个领域出类拔萃,那么你就必须具备一些优秀的技能,例如能操作不同的平台.IDE和其他各种各样的工具. 谈到平台和IDE,现在已经不是以前那个掌握一个IDE就能"一招鲜吃遍天"的时代了.激烈的竞争以及蔓延到现在的集成开发环境.基于IDE是用于创建和部署应用程序的强大客户端应用程序,下面我们要分享的就是对于很多网

使用JavaScript开发IE浏览器本地插件实例

 这篇文章主要介绍了使用JavaScript开发IE浏览器本地插件实例,本文讲解使用JS+注册表的方式开发一个IE浏览器本地插件,需要的朋友可以参考下     使用js开发的IE插件可以在当前浏览的页面中执行js代码,在此基础上实现任何用户可以想到的功能. 可以针对不用的网站做一些common处理(比如提取某类信息),也可以针对特定网站做特色处理(比如抢购火车票). 实现这种插件方法比较简单,只需拷贝几个文件,修改一个注册表值即可.所以比较适合快速实现一些浏览器或者网站辅助功能. 实现步骤: 1

使用重构件(Codemod)加速 JavaScript 开发和重构

本文讲的是使用重构件(Codemod)加速 JavaScript 开发和重构, 使用重构件(Codemod)加速 JavaScript 开发 在花园里耕耘乐趣无穷,但如果除草不勤,最后收获可能是一团揪心.漏掉一次除草本身可能并无大碍,但积少成多最后会毁掉整座花园.没有杂草的花园让维护工作神清气爽.这个道理对代码库也类似. 我通常讨厌除草,经常忘记这事的结果就是一团糟.谢天谢地在编程界有像 ESLint 和 SCSS-Lint 这样的好东西提醒我们勤理代码.但是如果面对的是大段大段的历史代码,光是