MVC之Ajax如影随行(4)_H5之家 - 中国HTML5教程资源分享第一站

将多个JS或CSS文件打包合并成一个文件，并在网站发布之后进行压缩，从而减少HTTP请求次数，提高网络加载速度和页面解析速度。压缩功能实现了对javascript脚本和CSS进行压缩的功能，它能够去除脚本或样式中不必要的空白和注释，同时能够优化脚本变量名的长度

例如在BundleConfig.cs里面配置捆绑js和css文件：

using System.Web; using System.Web.Optimization; namespace MvcExample { public class BundleConfig { // For more information on Bundling, visit ?LinkId=254725 public static void RegisterBundles(BundleCollection bundles) { bundles.Add(new ScriptBundle("~/bundles/jquery").Include( "~/Scripts/jquery-{version}.js")); bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css")); } } }

记得在Global.asax中注册一下：

BundleConfig.RegisterBundles(BundleTable.Bundles);

页面引用时可以这样引用:

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta content="width=device-width" /> <title>@ViewBag.Title</title> @Styles.Render("~/Content/css") @Scripts.Render("~/bundles/jquery") @RenderSection("scripts", required: false) </head> <body> @RenderBody() </body> </html>

启用JS/CSS文件压缩合并：

Web.config中配置 <compilation debug="false" targetFramework="4.0" /> 在BundleConfig.cs或Global.asax中添加以下代码即可： BundleTable.EnableOptimizations = true;

4、最好将js脚本文件放在view页面下面一点

关于ASP.NET MVC和Ajax的故事，暂且讲到这里吧！