Maison > Article > développement back-end > 在凡客看到CSS和JS加载均使用.ashx , .ashx 是什么技术?
<code class="lang-html"><link href="http://cssy.vanclimg.com/css.ashx?href=%5B/public/autocomplete.css%5D,%5B/index/global.css,header-top.css,header-logo.css,header-nav.css,footer.css,indexcontentv10.css%5D&v=20130712115604&compress" type="text/css" rel="stylesheet" charset="utf-8"> </code>
若单独运行css.ashx,则提示以下信息:
css.ashx、js.ashx: 用法:
css.ashx?href=A,B,C
js.ashx?href=A,B,C
同级目录中的不同文件,以方括号括起来
css.ashx?href=[A/A1,A2]意思为连接~/A/A1.css与~/A/A2.css
js.ashx?href=[B/B1,B2]意思为连接~/B/B1.js与~/B/B2.js
混合用法
css.ashx?href=A,[B/B1,B2],C/C1意思为连接~/A.css与~/B/B1.css与~/B/B2.css与~/C/C1.css
未找到文件时的处理:
如果未找到A.CSS,在最终输出结果中会出现/CSS Combiner 未找到文件~/A.css/
如果未找到A.JS,在最终输出结果中会出现//JS Combiner 未找到文件~/A.js
12/06/2012 10:22:41.266 上午
请问是什么原理? 还是 .net 自身的一个动态加载技术?
<code class="lang-html"><link href="http://cssy.vanclimg.com/css.ashx?href=%5B/public/autocomplete.css%5D,%5B/index/global.css,header-top.css,header-logo.css,header-nav.css,footer.css,indexcontentv10.css%5D&v=20130712115604&compress" type="text/css" rel="stylesheet" charset="utf-8"> </code>
若单独运行css.ashx,则提示以下信息:
css.ashx、js.ashx: 用法:
css.ashx?href=A,B,C
js.ashx?href=A,B,C
同级目录中的不同文件,以方括号括起来
css.ashx?href=[A/A1,A2]意思为连接~/A/A1.css与~/A/A2.css
js.ashx?href=[B/B1,B2]意思为连接~/B/B1.js与~/B/B2.js
混合用法
css.ashx?href=A,[B/B1,B2],C/C1意思为连接~/A.css与~/B/B1.css与~/B/B2.css与~/C/C1.css
未找到文件时的处理:
如果未找到A.CSS,在最终输出结果中会出现/CSS Combiner 未找到文件~/A.css/
如果未找到A.JS,在最终输出结果中会出现//JS Combiner 未找到文件~/A.js
12/06/2012 10:22:41.266 上午
请问是什么原理? 还是 .net 自身的一个动态加载技术?
就是个handler页面,看他这么写无非就是服务器组建处理了一下资源文件。
href=[/public/autocomplete.css],[/index/global.css,header-top.css,header-logo.css,header-nav.css,footer.css,indexcontentv10.css]
把多个css一起在后台读出来然后用一次http请求返回到前台。
&v=20130712115604
这个参数应该是为了防止浏览器缓存的问题,特意设置的参数
&compress
看这个参数猜测后台应该是把所有的css读取、拼接然后再压缩返回到前台。
做这些工作可以优化资源文件的网络传输: 1.减少http请求次数 2.减小css文件体积
Tengine可以很好的实现js/css合并
请看这个链接 http://msdn.microsoft.com/zh-cn/library/bb398986(v=vs.100).aspx ,有详细解析。
实际上原来的aspx也会在默认情况下被注册为一个hanlder,ashx和aspx的区别在于aspx为了开发方便添加了很多组件、属性、事件等,而ashx相对底层,因此比较简单,优点就是快速。
实际上凡客这样做是不对的,重复发明轮子,应该采用第三方的框架来实现Js和Css的打包压缩。
另外Asp.Net 4.5已经内置了一个这样的框架,有兴趣可以看 http://weblogs.asp.net/scottgu/archive/2011/11/27/new-bundling-and-minification-support-asp-net-4-5-series.aspx 。