背景
seajs是一款优秀的模块开发插件,但是当我们使用它来进行模块化开发的时候,由于它的每个模块的加载都会进行一次http请求,那么当模块数量倍增的时候,会拖慢页面的加载速度。
通常我们为了能加快页面的加载速度,都会对js进行压缩并把关联的模块打包为一个独立的js文件,这样可以大大减少js的文件大小并且减少http请求的次数,这样可以提升到页面的加载速度。
我们可以是用spm来对js文件进行打包、压缩(使用spm-build),但是当我们编写兼容多种环境的js的时候(既可以直接用script引用又可以使用seajs来引用),那么我们就没办法使用前面的方法来对js进行打包和压缩了。
其次就是使用spm-build还要先了解package.json文件配置,还是有少许麻烦的,为了减轻上手的难度和简化功能,这里我们将介绍另类的使用nodejs来对js脚本进行压缩。
实现
http://tool.css-js.com/站点提供了多种脚本压缩,通过使用YUI压缩,我们发现它实际上是使用http的POST来实现代码压缩的,如图:
接着我们使用ajax来进行测试,代码如下:
$.post('http://tool.css-js.com/!java/?type=js&munge=true&preserveAllSemiColons=false&disableOptimizations=false',{ code:'var x = (function() { var foo = 1, bar = 2; return (foo + bar) }())'},function(res){ console.log(res);});
结果跟截图的效果是相同的,接下来使用nodejs来编写一个用于读取js文件并发起http然后把压缩的拼接到一个独立的js文件中去。
使用原生的nodejs的http来发起post的代码如下:
var m_http =require('http');var m_qs =require('querystring');var options ={ host:'tool.css-js.com', port:80, method:'POST', path:'/!java/?type=js&munge=true&preserveAllSemiColons=false&disableOptimizations=false', headers:{'Content-Type':'application/x-www-form-urlencoded'}}; exports.compress =function(str, callback){var req = m_http.request(options,function(res){ res.setEncoding('utf-8');var compressed =''; res.on('data',function(chunk){ compressed += chunk;}); res.on('end',function(){ callback(compressed)});}); req.write(m_qs.stringify({ code: str })); req.end();};
有了压缩的方法,接下来我们需要提供一个可以循环读取文件夹内的所有js文件并压缩合并到独立的js文件的函数,代码大致如下:
var m_fs =require('fs');var m_path =require('path');//其他代码略 exports.combineDir =function(dir, output){varself=this; m_fs.readdirSync(dir).forEach(function(filename){if(filename.indexOf('.')===-1){self.compressDir(m_path.join(dir, filename));return;}var path = m_path.join(dir, filename); m_fs.readFile(path,'utf8',function(err, content){if(err){return;}self.compress(content,function(compressed){var id = filename.substr(0, filename.indexOf('.')); compressed = compressed.replace('this.define(',['this.define(\'', id,'\','].join('')); m_fs.appendFileSync(output, compressed);});});});};
以上代码之所以要替换'this.define'字符串是因为我们编写的兼容脚本中,会使用闭包将脚本包含在内部,并在内部对this.define进行判断,当this.define存在的情况下,才会将编码的模块赋值给module.exports来完成模块,示例代码如下:
//a.js(function(){var a =(function(){var foo =1, bar =2;return(foo + bar)}())if(this.define){this.define(function(require, exports,module){'require:nomunge,exports:nomunge,module:nomunge';module.exports = a;});}}).call(this);//b.js(function(){var b =(function(){var foo =1, bar =2;return(foo + bar)}())if(this.define){this.define(function(require, exports,module){'require:nomunge,exports:nomunge,module:nomunge';module.exports = a;});}}).call(this);
使用编码好的函数来进行合并后,结果如下:
(function(){var b=(function(){var c=1,a=2;return(c+a)}());if(this.define){this.define('a',function(require,exports,module){module.exports=b})}}).call(this);(function(){var c=(function(){var d=1,b=2;return(d+b)}());if(this.define){this.define('b',function(require,exports,module){module.exports=a})}}).call(this);
扩展
对于创建请求,我们可以使用nodegrass来完成我们的功能,它内部封装了http和https的get、post的函数,简化了调用,大家可以使用看看。
其次对于循环文件夹内的js文件,当存在多层嵌套的时候,由于没有将父级文件夹添加到seajs定义的id内,因此调用合并后的js文件的时候,会出现错误,这里就不详细解说如何解决了,这个问题就留给大家去解决啦。
对于以上代码由于使用了异步方法,造成了多层文件嵌套,如果大家觉得嵌套太多导致代码难看、难以阅读,可以使用wind.js或者eventproxy.js或者其他的异步js来解决多层嵌套的问题。
结尾
这次的文章就到这里了,内容中有任何问题不吝赐教,谢谢各位!
另外感谢http://tool.css-js.com/站点提供的功能.
最近比较懒,加上内容也不多就懒得排版了,字放大了,看起来应该方便一点
直接进入主题
先来看一个栗子,假设现在有一个第三方dll
namespace TestLibrary1
{
public class Test
{
public void Point()
{
Console.WriteLine("aaabbbccc");
}
}
}
TestLibrary1.dll
namespace TestLibrary1 { public class Test { public void Point() { Console.WriteLine("aaabbbccc"); } } }
在项目中引用,然后调用其中的方法Test,将输出aaabbbccc
using System; namespace ConsoleApplication5 { class Program { static void Main(string[] args) { var test = new TestLibrary1.Test(); test.Point(); Console.ReadLine(); } } }
效果
但是很显然,当你把程序发给你的客户的时候必须要携带一个dll,否则就会这样
当程序在运行中,某个程序集加载失败的时候 会触发 AppDomain.CurrentDomain.AssemblyResolve 事件
// // 摘要: // 在对程序集的解析失败时发生。 public event ResolveEventHandler AssemblyResolve;
在这个事件中,可以重新为加载失败的程序集手动加载
如果你将dll作为资源文件打包的你的应用程序中(或者类库中)
就可以在硬盘加载失败的时候 从资源文件中加载对应的dll
就像这样:
class Program { static Program() {
//这个绑定事件必须要在引用到TestLibrary1这个程序集的方法之前,注意是方法之前,不是语句之间,就算语句是在方法最后一行,在进入方法的时候就会加载程序集,如果这个时候没有绑定事件,则直接抛出异常,或者程序终止了 AppDomain.CurrentDomain.AssemblyResolve += CurrentDomain_AssemblyResolve; } static System.Reflection.Assembly CurrentDomain_AssemblyResolve(object sender, ResolveEventArgs args) { //获取加载失败的程序集的全名 var assName = new AssemblyName(args.Name).FullName; if (args.Name == "TestLibrary1, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null") { //读取资源 using (var stream = Assembly.GetExecutingAssembly().GetManifestResourceStream("ConsoleApplication5.TestLibrary1.dll")) { var bytes = new byte[stream.Length]; stream.Read(bytes, 0, (int)stream.Length); return Assembly.Load(bytes);//加载资源文件中的dll,代替加载失败的程序集 } } throw new DllNotFoundException(assName); } //程序进入方法之前会加载程序集,当程序集加载失败,则会进入CurrentDomain_AssemblyResolve事件 static void Main(string[] args) { var test = new TestLibrary1.Test(); test.Point(); Console.ReadLine(); } }
这样就软件以一个exe单独运行了
以上都是我网上看来了...................
不过如果我有很多dll怎么办,总不至于每一个dll写一个分支吧?
所以我准备写一个通用的资源dll加载类
原理蛮简单的,主要是通过StackTrace类获取调用RegistDLL方法的对象,获取到对方的程序集
然后通过Assembly.GetManifestResourceNames()获取所有资源的名称
判断后缀名".dll"(这一步可以自由发挥),然后加载,以加载的程序集的名称为key保存到一个字典中
并绑定AppDomain.AssemblyResolve事件
在程序集加载失败时,从字典中查询同名程序集,如果有,直接从字典中加载
代码如下:
using System;
using System.Collections.Generic;
using System.Diagnostics;
using System.Reflection;
namespace blqw
{
/// <summary> 载入资源中的动态链接库(dll)文件
/// </summary>
static class LoadResourceDll
{
static Dictionary<string, Assembly> Dlls = new Dictionary<string, Assembly>();
static Dictionary<string, object> Assemblies = new Dictionary<string, object>();
static Assembly AssemblyResolve(object sender, ResolveEventArgs args)
{
//程序集
Assembly ass;
//获取加载失败的程序集的全名
var assName = new AssemblyName(args.Name).FullName;
//判断Dlls集合中是否有已加载的同名程序集
if (Dlls.TryGetValue(assName, out ass) && ass != null)
{
Dlls[assName] = null;//如果有则置空并返回
return ass;
}
else
{
throw new DllNotFoundException(assName);//否则抛出加载失败的异常
}
}
/// <summary> 注册资源中的dll
/// </summary>
public static void RegistDLL()
{
//获取调用者的程序集
var ass = new StackTrace(0).GetFrame(1).GetMethod().Module.Assembly;
//判断程序集是否已经处理
if (Assemblies.ContainsKey(ass.FullName))
{
return;
}
//程序集加入已处理集合
Assemblies.Add(ass.FullName, null);
//绑定程序集加载失败事件(这里我测试了,就算重复绑也是没关系的)
AppDomain.CurrentDomain.AssemblyResolve += AssemblyResolve;
//获取所有资源文件文件名
var res = ass.GetManifestResourceNames();
foreach (var r in res)
{
//如果是dll,则加载
if (r.EndsWith(".dll", StringComparison.OrdinalIgnoreCase))
{
try
{
var s = ass.GetManifestResourceStream(r);
var bts = new byte[s.Length];
s.Read(bts, 0, (int)s.Length);
var da = Assembly.Load(bts);
//判断是否已经加载
if (Dlls.ContainsKey(da.FullName))
{
continue;
}
Dlls[da.FullName] = da;
}
catch
{
//加载失败就算了...
}
}
}
}
}
}
LoadResourceDll
using System; using System.Collections.Generic; using System.Diagnostics; using System.Reflection; namespace blqw { /// <summary> 载入资源中的动态链接库(dll)文件 /// </summary> static class LoadResourceDll { static Dictionary<string, Assembly> Dlls = new Dictionary<string, Assembly>(); static Dictionary<string, object> Assemblies = new Dictionary<string, object>(); static Assembly AssemblyResolve(object sender, ResolveEventArgs args) { //程序集 Assembly ass; //获取加载失败的程序集的全名 var assName = new AssemblyName(args.Name).FullName; //判断Dlls集合中是否有已加载的同名程序集 if (Dlls.TryGetValue(assName, out ass) && ass != null) { Dlls[assName] = null;//如果有则置空并返回 return ass; } else { throw new DllNotFoundException(assName);//否则抛出加载失败的异常 } } /// <summary> 注册资源中的dll /// </summary> public static void RegistDLL() { //获取调用者的程序集 var ass = new StackTrace(0).GetFrame(1).GetMethod().Module.Assembly; //判断程序集是否已经处理 if (Assemblies.ContainsKey(ass.FullName)) { return; } //程序集加入已处理集合 Assemblies.Add(ass.FullName, null); //绑定程序集加载失败事件(这里我测试了,就算重复绑也是没关系的) AppDomain.CurrentDomain.AssemblyResolve += AssemblyResolve; //获取所有资源文件文件名 var res = ass.GetManifestResourceNames(); foreach (var r in res) { //如果是dll,则加载 if (r.EndsWith(".dll", StringComparison.OrdinalIgnoreCase)) { try { var s = ass.GetManifestResourceStream(r); var bts = new byte[s.Length]; s.Read(bts, 0, (int)s.Length); var da = Assembly.Load(bts); //判断是否已经加载 if (Dlls.ContainsKey(da.FullName)) { continue; } Dlls[da.FullName] = da; } catch { //加载失败就算了... } } } } } }
ps:那啥 code.csdn.net 突然就维护了.....