博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用sea.js管理你项目js文件
阅读量:7082 次
发布时间:2019-06-28

本文共 633 字,大约阅读时间需要 2 分钟。

好处:

1,减少命名冲突

2,解决依赖管理

3,管理你的js文件,进一步实现页面和脚本的分离(如果页面被前端机器缓存,可以不用修改页面就能修改js引用)

参考:

 

基础:

1,定义一个模块

define(function(require, exports, module){});define("定义字符串模块");define({arg:"定义对象模块"})

更多参阅:

2,模块的引用

use("./a");use(["./a","./b"],function(a,b){})

3,模块的配置

seajs.config({    alias:{        jq:""    },    preload:["jq"]    })
Tips:preload在v2.3后不支持了,具体看

4,define中的三个参数(require, exports,  moule)

详细请看:

 

以上部分都掌握,基本上就可以使用sea.js进行模块化开发了。更多还需要你进一步探索(包括不仅限于阅读源码)

 

最后奉上seajs的下载打包文件目录

 

使用实例:

1,我们页面由两个部分组成:_Layout.cshtml是公用的头尾,Index.cshtm是具体的页面。

公用的部分用script引入,再引入一个sea.js(官方去掉了preload这个选项,推荐使用script直接调用)

转载于:https://www.cnblogs.com/pfzeng/p/3842764.html

你可能感兴趣的文章
Java:如何检查枚举是否包含给定的字符串?
查看>>
Webstorm/Phpstorm中将ES6文件转为普通js文件
查看>>
为什么Go不支持函数和运算的重载
查看>>
「征文」我和极光有个约会
查看>>
js鼠标滚轮事件
查看>>
java 调用摄像头
查看>>
阿里云maven库地址 和maven跳过测试 和常见maven命令
查看>>
Android网络防火墙实现初探
查看>>
欲保长寿,先补亏损 —胡海牙
查看>>
数据容量进制转换
查看>>
Spring Cloud Zuul过滤器详解
查看>>
使用DOM4J创建一个新的XML文件
查看>>
VIM使用系列:搜索功能
查看>>
SOAP--------Golang对接WebService服务实战
查看>>
7大维度看国外企业为啥选择gRPC打造高性能微服务?
查看>>
初创公司电商系统建立思考
查看>>
微服务框架Spring Cloud介绍 Part2: Spring Cloud与微服务
查看>>
linux系统下设置时间同步
查看>>
dubbo源码学习笔记----整体结构
查看>>
zipfile
查看>>