在ASP.NET MVC 4中,可以捆绑多个css和js文件来减少HTTP请求,并且可以压缩(减少)css和js文件,可以提高网站的加载速度。让我们来看看博客公园的css文件。在ASP.NET MVC 4之前,引入css的方法如下:复制代码如下: link href='/content/Site . CSS ' rel='样式表' type=' text/CSS '/link href='/content/Site home . CSS ' rel='样式表' type=' text/CSS '/使用IE中的F12查看结果,如图:。
在ASP.NET的MVC 4中,css文件是通过以下方式引入的:link href='/content/CSS' rel='样式表'/并重新运行。结果如下:。
可以清楚地看到,当用新的方法在ASP.NET MVC 4中引入css时,网站运行时不仅合并了css文件,还压缩了css中的代码。双击css文件,可以在响应正文中看到:。
js文件的处理方式和css一样,介绍方法如下:当代码复制如下: Script src=' http :/scripts/js '/Script在ASP.NET MVC 4中绑定,css排序规则为:先加载reset.css和normalize.css,其他文件按首字母排序。同样,js排序规则是jquery.js和jquery-ui.js,其他文件也是按照首字母排序的。有时我们需要在不同的页面上加载不同的css或js文件,以减少不必要的文件。让我们看看如何定制一个包。在Global.asax.cs文件Application_Start()中添加如下代码:复制代码如下: //定义一个名为‘mycss’的包,js对应new jsminify()var b=new bundle(~/mycss,new csminify());//将Content文件夹下的所有css文件添加到捆绑包//第三个参数false表示Content文件夹下的子文件夹没有添加到捆绑包b.adddirectory ('~/content ',' *)。‘CSS’,假);//添加到捆绑表捆绑表. bundles . add(b);这样,在要使用的页面上,添加如下代码:复制代码如下:link href='/mycss' rel='样式表'/摘要:ASP.NET MVC 4的绑定和收缩功能使得减少http请求和压缩js和css文件变得非常简单。这样,我们不需要手动合并js和css文件,也不需要使用工具来压缩这些文件,这使得js和css文件的管理变得简单且易于维护,从而将我们从重复的工作中解放出来。作者:董奎。