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 ...
随机推荐
- vim温馨提示
(一)各种文本操作 各种跳转 h,j,k,l h左移一个字符,j下移一行,k上移一行,l右移一个字符 w.b w 下一个单词,b上一个单词 0,$ 行首,行尾 G,gg.30% 3G跳到第3行,g ...
- Java
递归算法
其基本思路是递归算法设计:对于一个复杂的问题,原问题分为几个子问题相似相对简单.继续下去,直到孩子可以简单地解决问题,这是导出复发,因此,有复发的原始问题已经解决. 关键是要抓住: (1)递归出口 ( ...
- oracle创建user具体指示
一个.用户的概念 用户,这是user,通俗的讲就是参观oracle数据库"人".在oracle在.的各种安全参数的用户可控制,为了保持数据库的安全性,的概念包括模型(schema) ...
- ios结构体httpPost头结构
ios结构体httpPost头结构 by 吴雪莹 NSString* urlStr = @"; NSURL* url = [NSURL URLWithString:urlStr]; NSMu ...
- cocos2d-x多分辨率和随后的自适应CCListView的bug修复
cocos2d-x多分辨率自适配及因此导致的CCListView的bug修复 cocos2d-x是一款众所周知的跨平台的游戏开发引擎.因为其跨平台的特性.多分辨率支持也自然就有其需求. 因此.在某一次 ...
- Redis源代码分析(二十七)--- rio制I/O包裹
I/O每个操作系统,它的一个组成部分.和I/O业务质量,在一定程度上也影响了系统的效率. 今天,我在了解了Redis中间I/O的,相同的,Redis在他自己的系统中.也封装了一个I/O层.简称RIO. ...
- Python超级明星WEB框架Flask
Flask简介 Flask是一个相对于Django而言轻量级的Web框架. 和Django大包大揽不同,Flask建立于一系列的开源软件包之上,这其中 最主要的是WSGI应用开发库Werkzeug和模 ...
- dom03
鼠标事件: 键盘事件: //通过class获取元素,封装一个通过class获取元素的方法 //IE10以下不支持document.getElementByClass() function getByC ...
- 在Installshield的安装进度中显示自己设置的信息
原文:在Installshield的安装进度中显示自己设置的信息 以Installscript msi project为例,在installshield所制作的安装包安装过程中显示安装进度的,就在On ...
- Java替换字符或十进制数的字符串
如今,这个项目的需求:将"甲状腺结节 5*3 cm" 更换 "甲状腺结节 * cm". 在一个字符串的数字来替换空白. 码,如以下: public static ...