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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值