SeaJs模块化前端开发入门指南

时间:2015-09-28 16:01 来源:http://toutiao.com/m5186012317 作者:前端观察点击:次

　你会看到这个提示，那是因为你的系统无法识别某栏目的模型信息，或者你新建模型后，没为这个模型设计单独的模板。不同模型的文档浏览页的模板为：article_模型名字标识.htm 如“article_article.htm”，更多的信息你可以在频道模型管理的地方查看。

文件类型 内容：
模板调用标记：

.exe

语言内容：
模板调用标记：

简体中文

软件类型 内容：
模板调用标记：

国产软件

授权方式 内容：
模板调用标记：

共享软件

操作系统 内容：
模板调用标记：

软件等级 内容：
模板调用标记：

官方网址 内容：
模板调用标记：

演示网址 内容：
模板调用标记：

软件大小课程时长 内容：
模板调用标记：

下载资料 内容：
模板调用标记：

详细介绍 内容：
模板调用标记：

概览

使用seajs模块化加载器进行模块化开发，以及它的一些弊端。

使用seajs进行模块化开发

项目目录

新建新项目
引入sea.js，文件路径modules/sea.js
引入公共库jquery。
新建index.html，index.js

项目目录如下：

SeaJs模块化前端开发入门指南

关于sea.js的公共模块路径

sea.js加载时，会自动获取sea.js所在的路径，将sea.js文件存放的路径做为公共模块的根目录。

以modules/sea.js为例，require('a')加载的是modules/a.js模块，require('a/b')加载的是modules/a/b.js模块。

index.html内容如下：

SeaJs模块化前端开发入门指南

创建模块

创建文件modules/moduleA.js。接上篇三种封装形式，使用CMD规范后，分别是这样：

SeaJs模块化前端开发入门指南

模块的使用

SeaJs模块化前端开发入门指南

总结

seajs作为一款国人创造的一个工具库，一直是被放在与requirejs齐平的地位上探讨，个人觉得非常不易。使用方式也简单易懂。而且有配套的打包和构建工具，做工程化也不是问题。不足之处是文档不足，提供的工程化产品在国外的grunt、gulp、bower、browserify、components等工程化产品的生态和完整使用文档冲击下，受众不多。

前端观察

下载级别 内容：
模板调用标记：

需要金币 内容：
模板调用标记：

课程难度 内容：
模板调用标记：

(责任编辑：zengmumu)

SeaJs模块化前端开发入门指南

时间:2015-09-28 16:01 来源:http://toutiao.com/m5186012317 作者:前端观察 点击:次

时间:2015-09-28 16:01 来源:http://toutiao.com/m5186012317 作者:前端观察点击:次