在凡客看到CSS和JS加载均使用.ashx , .ashx 是什么技术?
<link href="http://cssy.vanclimg.com/css.ashx?href=[/public/autocomplete.css],[/index/global.css,header-top.css,header-logo.css,header-nav.css,footer.css,indexcontentv10.css]&v=20130712115604&compress" type="text/css" rel="stylesheet" charset="utf-8" />
若单独运行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 自身的一个动态加载技术?
回复内容:
<link href="http://cssy.vanclimg.com/css.ashx?href=[/public/autocomplete.css],[/index/global.css,header-top.css,header-logo.css,header-nav.css,footer.css,indexcontentv10.css]&v=20130712115604&compress" type="text/css" rel="stylesheet" charset="utf-8" />
若单独运行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 。

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

PHP主要是過程式編程,但也支持面向對象編程(OOP);Python支持多種範式,包括OOP、函數式和過程式編程。 PHP適合web開發,Python適用於多種應用,如數據分析和機器學習。

HTML、CSS和JavaScript在Web開發中的作用分別是:1.HTML定義網頁結構,2.CSS控製網頁樣式,3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

PHP適合網頁開發和快速原型開發,Python適用於數據科學和機器學習。 1.PHP用於動態網頁開發,語法簡單,適合快速開發。 2.Python語法簡潔,適用於多領域,庫生態系統強大。

PHP起源於1994年,由RasmusLerdorf開發,最初用於跟踪網站訪問者,逐漸演變為服務器端腳本語言,廣泛應用於網頁開發。 Python由GuidovanRossum於1980年代末開發,1991年首次發布,強調代碼可讀性和簡潔性,適用於科學計算、數據分析等領域。

PHPhassignificantlyimpactedwebdevelopmentandextendsbeyondit.1)ItpowersmajorplatformslikeWordPressandexcelsindatabaseinteractions.2)PHP'sadaptabilityallowsittoscaleforlargeapplicationsusingframeworkslikeLaravel.3)Beyondweb,PHPisusedincommand-linescrip

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

PHP適用於Web開發和內容管理系統,Python適合數據科學、機器學習和自動化腳本。 1.PHP在構建快速、可擴展的網站和應用程序方面表現出色,常用於WordPress等CMS。 2.Python在數據科學和機器學習領域表現卓越,擁有豐富的庫如NumPy和TensorFlow。

PHP仍然流行的原因是其易用性、靈活性和強大的生態系統。 1)易用性和簡單語法使其成為初學者的首選。 2)與web開發緊密結合,處理HTTP請求和數據庫交互出色。 3)龐大的生態系統提供了豐富的工具和庫。 4)活躍的社區和開源性質使其適應新需求和技術趨勢。
