国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > .NET > 正文

ASP.NET MVC 4 捆綁和縮小實(shí)例介紹

2024-07-10 12:45:20
字體:
供稿:網(wǎng)友
在 ASP.NET MVC 4 中可捆綁多個(gè) css 和 js 文件以減少HTTP請(qǐng)求,并對(duì) css 和 js 文件進(jìn)行壓縮(縮小),這樣可提高網(wǎng)站的加載速度。我們選取博客園的 css 文件來看看,在 ASP.NET MVC 4 前,我們引入 css 方法如下:

代碼如下:
<link href="/Content/Site.css" rel="stylesheet" type="text/css" />
<link href="/Content/sitehome.css" rel="stylesheet" type="text/css" />

在 IE 中使用 F12 查看結(jié)果,如圖:


mvc 4 捆綁前

在 ASP.NET MVC 4 中,使用下邊寫法引入 css 文件:

<link href="/Content/css" rel="stylesheet" />

重新運(yùn)行,結(jié)果如下:


mvc 4 捆綁后


可以清楚的看到,在 ASP.NET MVC 4 中使用新方法引入 css 時(shí),網(wǎng)站運(yùn)行時(shí)不僅合并了 css 文件而且壓縮了 css 中的代碼。雙擊 css 文件,在響應(yīng)正文中可以看到:

asp.net mvc 4 縮小

對(duì) js 文件的處理方式同 css 相同,引入方法如下:

代碼如下:
<script src="/Scripts/js"></script>


ASP.NET MVC 4 中捆綁時(shí),css 排序規(guī)則為:先加載 reset.css、normalize.css,其他文件按首字母排序,類似地 js 排序規(guī)則為 jquery.js、jquery-ui.js 其他文件同樣按首字母排序。有時(shí)我們需要在不同頁面加載不同的 css 或 js 文件,以減少不必要的文件,下邊就讓我們看看怎么自定義一個(gè)捆綁。

在 Global.asax.cs 文件 Application_Start() 中添加如下代碼:

代碼如下:
//定義名為"mycss"的捆綁,js對(duì)應(yīng)為 new JsMinify()
var b = new Bundle("~/mycss", new CssMinify());
//添加Content文件夾下的所有css文件到捆綁
//第三個(gè)參數(shù)false表示,Content文件夾下的子文件夾下不添加到捆綁
b.AddDirectory("~/Content", "*.css", false);
//添加到BundleTable
BundleTable.Bundles.Add(b);


這樣在需要使用的頁面,加入下邊的代碼即可:

代碼如下:
<link href="/mycss" rel="Stylesheet" />


總結(jié):ASP.NET MVC 4 捆綁和縮小功能,使得減少 http 請(qǐng)求和壓縮 js、css 文件變得非常簡(jiǎn)單,這樣不需要我們手動(dòng)來合并 js、css 文件,也不需要使用工具來壓縮這些文件,使得 js、css 文件的管理變得簡(jiǎn)單,易于維護(hù),從而將我們從重復(fù)的工作中解脫出來。
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 沙湾县| 金华市| 拜泉县| 封丘县| 阳朔县| 于都县| 通州区| 定日县| 元江| 江口县| 左贡县| 深水埗区| 武乡县| 巴中市| 武汉市| 金沙县| 徐汇区| 阜平县| 姚安县| 临海市| 横山县| 林芝县| 岑溪市| 甘孜| 济源市| 阿合奇县| 武汉市| 亳州市| 平陆县| 凤翔县| 江陵县| 怀安县| 荔波县| 寻甸| 吉安市| 雅江县| 巧家县| 皋兰县| 蒲城县| 阿勒泰市| 城市|