首頁 >後端開發 >php教程 >在凡客看到CSS和JS加载均使用.ashx , .ashx 是什么技术?

在凡客看到CSS和JS加载均使用.ashx , .ashx 是什么技术?

WBOY
WBOY原創
2016-06-06 20:49:491137瀏覽

<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 。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn