seajs代码
背景
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/站点提供的功能.
C#将dll打包到程序中
最近比较懒,加上内容也不多就懒得排版了,字放大了,看起来应该方便一点
直接进入主题
先来看一个栗子,假设现在有一个第三方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 突然就维护了.....
我发布的代码,没有任何版权,没有任何限制,不遵守任何协议,想怎么用就怎么用!反正死了也带不走......
seajs代码的更多相关文章
- 打包并压缩seajs代码
背景 seajs是一款优秀的模块开发插件,但是当我们使用它来进行模块化开发的时候,由于它的每个模块的加载都会进行一次http请求,那么当模块数量倍增的时候,会拖慢页面的加载速度. 通常我们为了能加快页 ...
- 使用spm build 批量打包压缩seajs 代码
一,安装环境 1.安装spm spm工具是基于node(nodejs的服务平台)的,因此我们需要先安装 node 和 npm 下载地址:http://nodejs.org/#download.下载完成 ...
- 使用SeaJS实现模块化JavaScript开发
前言 SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制.与jQuery等JavaScript框架不同,SeaJS不会扩展封 ...
- 一步步学会使用SeaJS(转)
原文出处:一步步学会使用SeaJS 2.0 本文分为以下8步,熟悉之后就能够熟练使用SeaJS,从此之后你的生活会变得更加轻松愉悦! 1.SeaJS是什么? 2.下载并检阅SeaJS 3.建立工程和各 ...
- 轻轻谈一下seaJs——模块化开发的利器
"仅做一件事,做好一件事." 这个应该就是seaJs的精髓了. 我在自己的一些项目中使用过seaJs.对其算是了解一二.如今就班门弄斧.轻轻地谈一下. 首先上一段度娘的话: &qu ...
- 转: javascript模块加载框架seajs详解
javascript模块加载框架seajs详解 SeaJS是一个遵循commonJS规范的javascript模块加载框架,可以实现javascript的模块化开发和模块化加载(模块可按需加载或全部加 ...
- javascript模块加载框架seajs详解
SeaJS是一个遵循commonJS规范的javascript模块加载框架,可以实现javascript的模块化开发和模块化加载(模块可按需加载或全部加载).SeaJS可以和jQuery完美集成,使用 ...
- SeaJS入门教程系列之SeaJS介绍(一)
前言SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制.与jQuery等JavaScript框架不同,SeaJS不会扩展封装 ...
- [转]seajs详解
[转]seajs详解 SeaJS 是一个遵循commonJS规范的javascript模块加载框架,可以实现javascript的模块化开发和模块化加载(kk:模块可按需加载或全部加载). SeaJS ...
随机推荐
- 都能看懂的嵌入式linux/android alsa_aplay alsa_amixer命令行使用方法
前几天在嵌入式linux上用到alsa command,网上查的资料多不给力,仅仅有动手一点点查,最终能够用了,将这个用法告诉大家,以免大家少走弯路. 0.先查看系统支持哪几个alsa cmd: ll ...
- Java
递归算法
其基本思路是递归算法设计:对于一个复杂的问题,原问题分为几个子问题相似相对简单.继续下去,直到孩子可以简单地解决问题,这是导出复发,因此,有复发的原始问题已经解决. 关键是要抓住: (1)递归出口 ( ...
- Tomcat剖析(四):Tomcat默认连接器(2)
Tomcat剖析(四):Tomcat默认连接器(2) 1. Tomcat剖析(一):一个简单的Web服务器 2. Tomcat剖析(二):一个简单的Servlet服务器 3. Tomcat剖析(三): ...
- Oracle\MS SQL Server Update多表关联更新
原文:Oracle\MS SQL Server Update多表关联更新 一条Update更新语句是不能更新多张表的,除非使用触发器隐含更新.而表的更新操作中,在很多情况下需要在表达式中引用要更新的表 ...
- my97 日期控件
官网:http://www.my97.net/ 好多广告啊! 文档地址: http://www.mysuc.com/test/My97DatePicker/
- Theano学习笔记(一)——代数
标量相加 import theano.tensor as T from theano import function x = T.dscalar('x') y = T.dscalar('y') z = ...
- JSR303 Bean Validation 技术规范特性概述
概述 Bean Validation 规范 Bean 是 Java Bean 的缩写,在 Java 分层架构的实际应用中,从表示层到持久化层,每一层都需要对 Java Bean 进行业务符合性验证,如 ...
- centos 7安装mysql5.5
首先centos7 已经不支持mysql,因为收费了你懂得,所以内部集成了mariadb,而安装mysql的话会和mariadb的文件冲突,所以需要先卸载掉mariadb,以下为卸载mariadb,安 ...
- Web Service学习笔记:动态调用WebService
原文:Web Service学习笔记:动态调用WebService 多数时候我们通过 "添加 Web 引用..." 创建客户端代理类的方式调用WebService,但在某些情况下我 ...
- Ubuntu10.04中间Leach协议一键安装
半天后,尝试,引用网络上的零散资源,成品博客Leach协议ubuntu10.04在安装(12.04也可以在右侧安装,然而,实施效果的不,求解决~~),并制作了补丁. 一个关键的安装步骤如下面: 1.在 ...