技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> JavaScript --> 使用SeaJS实现模块化JavaScript开发

使用SeaJS实现模块化JavaScript开发

浏览:2410次  出处信息

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模块化

        传统开发

        SeaJS模块化开发

使用SeaJS

        下载及安装

        SeaJS基本开发原则

        模块的定义及编写

        模块的载入及引用

        SeaJS的全局配置

        SeaJS如何与现有JS库配合使用

        SeaJS项目打包部署

一个完整的例子

主要参考文献&SeaJS学习资源

建议继续学习:

  1. 基于 SeaJS 模块化开发的一个实例    (阅读:2605)
  2. 使用SeaJS实现模块化JavaScript开发    (阅读:1687)
  3. 在SeaJS中实现html模板文件的加载(Temod介绍)    (阅读:1617)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1