mvc-6依赖管理
CommonJS
- CommonJS规范，主要解决命名空间管理模块和用一套标准的编程模式来加载模块；
- 很快成为了JavaScript模块写法的事实标准；
- 它包含IO接口，底层的套接字流，以及单元测试等标准；
模块的声明
- 模块被分隔为不同文件，通过给exports对象添加内容来对外暴露模块的变量的方法，exports变量是在解析器中定义好的；
- 要想使用在模块中定义的函数，只需require()这个文件，同时将运行结果保存在本地变量中；
- 模块就是命名空间，目前CommonJS规范在js服务器端运用，如node.js
//math.js
exports.per = function(value, total) {
return ( (value / total) * 100 );
}
//application.js
var Maths = require("/maths");
assertEqual(Math.per(50, 100), 50);
模块和浏览器
- 在浏览器中不容易实现CommonJS,因为它需要阻塞UI并适时地执行刚加载地script脚本（在客户端则要避免这种情况出现)；
- CommonJS团队提出一个规范：模块转换格式，将CommonJS地模块包装在一个回调函数中，以便更好地处理客户端地异步加载；
//math.js
require.define("maths", function(require, exports) {
exports.per = function(value, total) {
return ((value / total) * 100);
};
});
//application.js
require.define("application", function() {
var per = require("./maths").per;
assertEqual(per(500, 100), 50);
}, ["./maths"]); //给出它地依赖
模块加载器
RequireJS
例子
*require-example/index.html
data-main属性快捷引入初始化脚本
<!DOCTYPE html>
<html>
<head>
<title></title>
<script data-main="app" src="lib/require.js"></script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
*require-example/app.js
requirejs.config, baseUrl定义第三方库的路径， paths定义第三方库引入到的文件夹；requirejs(['app/main'])， 定义了引入文件夹中最先执行的脚本;
requirejs.config({
baseUrl: 'lib',
paths: {
app: '../app'
}
});
requirejs(['app/main'], function(){});
- require-example/lib/print.js
引入的第三方库中也可以自己定义通用的脚本
define(function() {
return function print(msg) {
console.log(msg);
}
})
- require-example/app/message.js
定义一个普通脚本
define(function () {
return {
getHello: function () {
return 'Hello World';
}
};
});
- require-example/app/main.js
主程序执行的脚本, 注意引入第三方库脚本和一般脚本的区别
define(function (require) {
var messages = require('./messages');
var print = require('print');
print(messages.getHello());
});
包装模块
手动将模块合并压缩打包
- 随着应用体积越来越大，考虑到可维护性，需要将模块很细地颗粒化；新的文件会拆分成很多个；
- 而考虑到性能，不得不将文件合并载入；
- 两者是一对矛盾，所以模块依赖管理既要考虑到代码结构地整洁、清晰，又要兼顾性能地最优化；
LAB.js
简单地脚本加载器
<script>
$LAB
.script(''/js/json2.js')
.script("/js/jquery.js").wait()
.script("/js/juqery-ui.js")
.script("/js/vaport.js")
</script>
- 所有地脚本加载都是并行的；
- LABjs会确保jquery.js在juqery-ui.js和vaport.js之前加载；
mvc-6依赖管理的更多相关文章
- Spring mvc 4系列教程（二）——依赖管理（Dependency Management）和命名规范（Naming Conventions）
依赖管理(Dependency Management)和命名规范(Naming Conventions) 依赖管理和依赖注入(dependency injection)是有区别的.为了将Spring的 ...
- Gradle系列教程之依赖管理(转)
转自Lippi-浮生志 :http://ezlippi.com/blog/2015/05/gradle-dependency-management.html 这一章我将介绍Gradle对依赖管理的强大 ...
- Gradle实战教程之依赖管理
这是从我个人网站中复制过来的,原文地址:http://coolshell.info/blog/2015/05/gradle-dependency-management.html,转载请注明出处. 简要 ...
- Gradle系列教程之依赖管理
这一章我将介绍Gradle对依赖管理的强大支持,学习依赖分组和定位不同类型仓库.依赖管理看起来很容易,但是当出现依赖解析冲突时就会很棘手,复杂的依赖关系可能导致构建中依赖一个库的多个版本.Gradle ...
- SpringBoot原理深入及源码剖析（一） 依赖管理及自动配置
前言 传统的Spring框架实现一个Web服务需要导入各种依赖jar包,然后编写对应的XML配置文件等,相较而言,SpringBoot显得更加方便.快捷和高效.那么,SpringBoot究竟是如何做到 ...
- 在Eclipse中使用建立使用Gradle做依赖管理的Spring Boot工程
前述: Gradle存在很长时间了,以前只知道Maven和ivy ,最近才知道有这个存在,因为以后要用这个了; 所以,要先学会怎么用这个工具,就从建立一个简单工程开始! 实际上以前是见过Gradle的 ...
- Gradle Maven 依赖管理
仓库管理简介 本质上说,仓库是一种存放依赖的容器,每一个项目都具备一个或多个仓库. Gradle支持以下仓库格式: Ivy仓库 Maven仓库 Flat directory仓库 我们来看一下,对于每一 ...
- MVC Castle依赖注入实现代码
1.MVc 实现依赖注入 public class WindsorControllerFactory : DefaultControllerFactory { private readonly IKe ...
- webpack模块依赖管理介绍
http://webpack.github.io/docs/ webpack is a module bundler. 是一个模块管理器 webpack可以管理模块的依赖关系,并产生可以替代这些模块的 ...
- Liferay7 BPM门户开发之43: Gradle依赖管理
进入liferay v7.0,官方推荐使用Gradle进行依赖管理和发布,所以必须知道Gradle的用法,网上资料很多,不赘述 只写依赖管理的分类 一般用外部仓库依赖,也可以用本地文件依赖(依赖本地j ...
随机推荐
- eclipse修改jdk后版本冲突问题
将安装的jdk1.8改为1.7之后出现了很淡疼的问题 修改工程下.setting/ org.eclipse.jdt.core.prefs eclipse.preferences.version=1or ...
- php面向对象加载类、常用设计模式
加载类: include("./Ren.class.php"); include "./Ren.class.php"; 用此方法的时候include后面要加空格 ...
- ArtDialog文档
http://www.planeart.cn/demo/artDialog/_doc/API.html#API
- ASP.NET SignalR 与 LayIM2.0 配合轻松实现Web聊天室（二） 之 ChatServer搭建，连接服务器，以及注意事项。
上篇:ASP.NET SignalR 与 LayIM2.0 配合轻松实现Web聊天室(一) 之 基层数据搭建,让数据活起来(数据获取) 上一篇我们已经完成了初步界面的搭建工作,本篇将介绍IM的核心内容 ...
- python中使用chrome进行自动化测试，浏览器变量设置
- Java并发编程实现概览
并发概览 >>同步 如何同步多个线程对共享资源的访问是多线程编程中最基本的问题之一.当多个线程并发访问共享数据时会出现数据处于计算中间状态或者不一致的问题,从而影响到程序的正确运行.我们通 ...
- PHP求时间间隔 n天、周、月、年后的时间
<?php date_default_timezone_set('PRC'); // 设置时区 $date1 = strtotime('2015-01-01'); //把日期转换成时间戳 $da ...
- 【SQL】检索满足条件的最大值的数据集合
是不是看题目觉的看不懂?其实我自己也看不懂,但是又找不到更好的词来形容. 为了更好的表达我的意思,请看下. 如果有一张成绩表(Points), 学生(student) 成绩(point) 科目(sub ...
- 突破python缺陷，实现几种自定义线程池 以及进程、线程、协程的介绍
Python线程 Threading用于提供线程相关的操作,线程是应用程序中工作的最小单元. #!/usr/bin/env python # -*- coding:utf-8 -*- import t ...
- 机器学习系列：python
工欲善其事,必先利其器! 机器学习的理论需要有编程语言才能得以实现,我选择 python 作为编程语言,网络上有篇不错的教程:python 初级教程:入门详解. 转载自http://ww ...