sea.js介绍

简介: 网址:http://seajs.org/docs/SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。
网址: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 协议,无论个人还是公司,都可以免费自由使用。


目录
相关文章
|
8月前
|
JavaScript 前端开发 算法
JS的解析与Js2Py使用
Js2Py是一个Python库,用于将JavaScript代码转换为Python代码,并在Python环境中执行JavaScript。
142 1
|
8月前
|
JavaScript
JS 解决 removeEventListener 不生效问题
JS 解决 removeEventListener 不生效问题
268 0
|
9月前
|
JavaScript 前端开发 Ruby
打包出来的 common.js/umd.js 是啥?
打包出来的 common.js/umd.js 是啥?
114 0
|
9月前
|
SQL JSON JavaScript
为什么从egg.js到nest.js(一)
进入部门工作后,接触到的node.js服务端框架,是egg.js,后面基于扩展增加了很多插件,比如:@Controller @Service等注解,还有针对egg-framework 定制化部门使用的底层framework。
332 0
|
9月前
|
JavaScript
为什么从egg.js到nest.js(二)
进入部门工作后,接触到的node.js服务端框架,是egg.js,后面基于扩展增加了很多插件,比如:@Controller @Service等注解,还有针对egg-framework 定制化部门使用的底层framework。
76 0
为什么从egg.js到nest.js(二)
|
JSON API 数据格式
一起来学 next.js - getServerSideProps 篇
getServerSideProps 是 next.js 中的一项特色功能,可以让我们在给页面设置一些初始的 props 参数。
Hammer.js分析(四)——recognizer.js
不同识别器会使用不同逻辑,根据从相关Input类获取到的事件对象和事件,实现自定义的触屏事件,例如tap、pinch等。
Hammer.js分析(四)——recognizer.js
Hammer.js分析(三)——input.js
input.js是所有input文件夹中类的父类,浏览器事件绑定、初始化特定的input类、各种参数计算函数。 Input父类和其子类就是在做绑定事件,各种参数计算、整合、设置等返回自定义事件对象,交给识别器的相关对象使用。
Hammer.js分析(三)——input.js
Hammer.js分析(二)——manager.js
“Manager”是所有识别器实例的容器,它为你设置的元素安装了交互事件监听器,并设置了触摸事件特性。 manager.js中的代码会涉及到input.js和recoginzer.js中的内容,这里会先做大致的流程分析,具体分析会在接下来的文章中详谈。
Hammer.js分析(二)——manager.js
|
JavaScript 前端开发 开发工具
Angular 开发里的 polyfills.js、runtime.js、styles.js 和 vendor.js 是用来做什么的
Angular 开发里的 polyfills.js、runtime.js、styles.js 和 vendor.js 是用来做什么的
Angular 开发里的 polyfills.js、runtime.js、styles.js 和 vendor.js 是用来做什么的