sea.js介绍

网址:http://seajs.org/docs/

SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载,将前端工程师从繁重的JavaScript文件及对象依赖处理中解放出来,可以专注于代码本身的逻辑。SeaJS可以与jQuery这类框架完美集成。使用SeaJS可以提高JavaScript代码的可读性和清晰度,解决目前JavaScript编程中普遍存在的依赖关系混乱和代码纠缠等问题,方便代码的编写和维护。

SeaJS的作者是前淘宝UED,现支付宝前端工程师玉伯。

SeaJS本身遵循KISS(Keep It Simple, Stupid)理念进行开发,其本身仅有个位数的API,因此学习起来毫无压力。在学习SeaJS的过程中,处处能感受到KISS原则的精髓——仅做一件事,做好一件事。[1]

为什么使用 SeaJS

SeaJS 追求简单、自然的代码书写和组织方式,具有以下核心特性:

  • 简单友好的模块定义规范:SeaJS 遵循AMD规范,可以像Node.js一般书写模块代码。
  • 自然直观的代码组织方式:依赖的自动加载、配置的简洁清晰,可以让我们更多地享受编码的乐趣。

SeaJS 还提供常用插件,非常有助于开发调试和性能优化,并具有丰富的可扩展接口。

兼容性

SeaJS 具备完善的测试用例,兼容所有主流浏览器:

Chrome 3+ ?
  Firefox 2+ ?
  Safari 3.2+ ?
  Opera 10+ ?
  IE 5.5+ ?

SeaJS 可运行在 Mobile 端,包括 Hybrid 模式的 App 上。理论上,SeaJS 可以运行在任何浏览器引擎上。

下载

所有版本的 zip 包请在这里下载:seajs/tags
  解压后,目录说明如下:

dist -- sea.js 等压缩好的文件,直接可用
  docs -- 使用文档
  lib -- 给 Node.js 用的版本
  src -- 源码
  tests -- 测试集
  tools -- 压缩等工具,可查看 build.xml 得到源码合并顺序
  Makefile -- 可执行构建、测试等命令

使用

使用 SeaJS,可以规范模块的书写格式、能自动处理模块的依赖,还非常有助于代码组织、开发调试和性能优化。SeaJS 期待能给你提供简单、极致的模块化开发体验。

SeaJS 遵循MIT 协议,无论个人还是公司,都可以免费自由使用。

时间: 2024-11-13 09:32:07

sea.js介绍的相关文章

sea.js的介绍和使用

之前有一篇博客非常详细的介绍了sea.js的加载流程,以及源代码实现,链接地址:http://www.cnblogs.com/chaojidan/p/4123980.html 这篇博客我主要讲下sea.js的介绍和使用. 首先,先介绍下sea.js的CMD规范,以及跟其他规范的区别. CommonJS 原来叫 ServerJS,推出 Modules/1.0 规范后,在 Node.js 等环境下取得了很不错的实践. 09年下半年这帮充满干劲的小伙子们想把 ServerJS 的成功经验进一步推广到浏

Seajs是什么及sea.js 由来,特点以及优势

Seajs是什么及sea.js 由来,特点以及优势 这篇文章主要介绍了Seajs的相关知识和和学习心得,适合刚接触SeaJS的同学,需要的朋友可以参考下,有更好的新手教程或文档,欢迎推荐.分享 1.Seajs简介 Seajs,一个Web模块加载框架,追求简单.自然的代码书写和组织方式,:Sea.js 遵循 CMD 规范,模块化JS代码.依赖的自动加载.配置的简洁清晰,可以让程序员更多地专注编码. 2.Seajs优缺点 优点: 1).提高可维护性. 2).模块化编程. 3).动态加载,前端性能优化

Sea.js创始人玉伯的前端开发之路

玉伯,淘宝前端类库 KISSY.前端模块化开发框架SeaJS.前端基础类库Arale的创始人.本期[开源专访]我们邀请玉伯来为我们分享一些关于前端框架.前端开发的那些事,以及前端大牛是如何炼成的. 在Web应用程序的用户体验越来越被重视的今天,前端开发的地位也上升到了前所未有的高度,而随之而来的也有更多的挑战. 为了将前端开发者繁重的工作变得简单,框架应运而生.国内也不乏一些非常优秀的前端开发框架.本期[开源专访]我们邀请到了国内前端大牛玉伯(@玉伯也叫射雕),请他为我们分享一些关于前端框架.前

【开源专访】Sea.js创始人玉伯的前端开发之路

摘要:玉伯,淘宝前端类库 KISSY.前端模块化开发框架SeaJS.前端基础类库Arale的创始人.本期[开源专访]我们邀请玉伯来为我们分享一些关于前端框架.前端开发的那些事,以及前端大牛是如何炼成的. 在Web应用程序的用户体验越来越被重视的今天,前端开发的地位也上升到了前所未有的高度,而随之而来的也有更多的挑战. 为了将前端开发者繁重的工作变得简单,框架应运而生.国内也不乏一些非常优秀的前端开发框架.本期[开源专访]我们邀请到了国内前端大牛玉伯(@玉伯也叫射雕),请他为我们分享一些关于前端框

amazeui+doT.js+sea.js项目开发总结

最近在做一个银联商务的移动web项目,并不是一个跨平台的h5app而是一个跨终端移动web吧.因为如果做h5app我是不会选择这三个框架支持的哈哈.那样会选择sencha或是dojo吧.这里简单介绍下我使用的经验分享吧. 先说一下amazeui 轻量级高性能 它对于初试h5开发的人很有帮助,丰富的js组建,css组件,web组件很好.几乎都是页面里面能用到的.解决不少工作量,记得js组件可以很好的搭配ui使用,可以很好的把一个界面分成几个部分开发,做到真正类似app 的界面模块化开发,让繁重的界

Sea.js学习笔记

Sea.js入门 http://www.cnblogs.com/doseoer/p/4007752.html 前端模块化开发的价值 随着互联网的飞速发展,前端开发越来越复杂.本文将从实际项目中遇到的问题出发,讲述模块化能解决哪些问题,以及如何使用 Sea.js 进行前端的模块化开发. https://github.com/seajs/seajs/issues/547 Sea.js:简单.极致的模块化Web开发体验 Sea.js 创始人玉伯专访

JavaScript模块加载框架sea.js 学习一

简单总结sea.js 学习 文件目录结构 /sea/sea.js      下载地址  http://seajs.org/docs/#downloads /sea/jquery-sea.js   下载地址 http://jquery.com/download/ /sea/sea_config.js /sea/home.jsdata.js /sea/data.js 1.html页面代码文件 <style> .ch{height:200px;width:200px;background:#ccc;

Sea.Js的运行原理

1.CMD(Common Module Definition)规范 Sea.js采用了和Node相似的CMD规范,使用require.exports和module来组织模块.但Sea.js比起Node的不同点在于,前者的运行环境是在浏览器中,这就导致A依赖的B模块不能同步地读取过来,所以Sea.js比起Node,除了运行之外,还提供了两个额外的东西: a.模块的管理 b.模块从服务端的同步 即Sea.js必须分为模块加载期和执行期.加载期需要将执行期所有用到的模块从服务端同步过来,在再执行期按照

5 分钟上手 Sea.js

为什么使用 Sea.js ? Sea.js 简单.自然的代码书写和组织方式 兼容性好 技术比较成熟,运用比较普遍. 目录结构: examples/   |-- sea-modules      存放 seajs.jquery 等文件,这也是模块的部署目录   |-- static           存放各个项目的 js.css 文件   |     |-- hello   |     |-- lucky   |     `-- todo   `-- app              存放 ht