web前端模块化开发

1.前言
为何要模块化开发?模块是任何大型应用程序架构中不可缺少的一部分,模块可以使我们清晰地分离和组织项目中的代码单元。在项目开发中,通过移除依赖,松耦合可以使应用程序的可维护性更强。与其他传统编程语言不同,在当前JavaScript里,并没有提供原生的、有组织性的引入模块方式。本文就来探讨一下目前的常见几种模块化解决方案。

2.为何需要sea.js
模块化开发对于无法直接用原生JS完成的新手来说,那还是不太可能的,所以我们需要一些外来的插件,比如sea.js就能很好的帮我们解决这个问题

3.引入sea.js
3.1>首先,要下载sea.js,进入https://github.com/seajs/seajs/releases 选择你需要的版本进行下载
3.2>sea.js使用
define(function (require, exports, module)
require:引用 (例如:var drag = require(“./drag.js”).drag;)
exports:调出(例如:exports.drag = drag;)
3.3>然后写出我们需要的HTML页面和相应的JS页面
文件1=>index.html




Title

你可能感兴趣的:(web前端菜鸟入门,javascript,web前端,文件模块化开发,sea-js)