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 哪个最好用?为什么? - 知乎

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值