网赚执行力原创文学网 - 纯净的绿色文学家园 !

网赚执行力

网赚执行力(全文在线阅读> 

“马灵儿,到这个时候了还不帮我。”马小玲看到命运强悍如斯,马上使出了刘皓专门为马小玲准备的要来对付命运的绝招。

马云说双十一不挣钱

“没什么,只是虚弱一些日子罢了。”布玛脸色有点点苍白,不过总体来说也没什么太大的伤势,显然只是伤了元气,修养一些日子就能恢复,因此也让刘皓放心下来了。
刘皓从来不曾忘怀,因此只要是布玛想要的,想做的刘皓能做到的都会全力去做,无法做到的同样会想尽办法尽量去完成,只是刘皓毕竟不是什么情圣,有的时候甚至有点点迟钝,对于女人的了解明显,布玛或者是纲手,夕日红等女更想要的不是自己为她们做什么事情,而是能陪着她们。

一等就是足足两个星期的时间,如果不是雷欧奈知道打造帝具的时间很长,而且里面一直传出铁锤的敲击声的话她都忍不住闯进去看看刘皓有没有事情。

Asp.Net MVC 捆绑(Bundle)


Asp.Net MVC 捆绑(Bundle)

大多数浏览器会对同一域名的请求限制请求数量,一般是在8个以内。每次最多可以同时请求8个,要是资源多于8个,那么剩下的就要排队等待请求了。所以为了提高首次加载页面的速度。提高请求并发请求数量,降低请求次数就是一个很重要的点。

Bundle

Asp.Net MVC4和.NET Framework4.5提供了支持捆绑和压缩的新类库System.Web.Optimization

该类库提供了如下特性:

  • 捆绑-将多个资源文件(javascript,css)合并成一个单独的文件,但是合并成的单独文件必须是相同类型,要么都是JavaScript要么都是CSS。
  • 压缩资源文件-清理空格,换行等,压缩文件大小。
  • 自动清理缓存-服务端更新资源时,客户端不再使用缓存资源,而是重新从服务端缓存。

1. 定义Bundle

App_Start文件中新增一个BundleConfig.cs文件。实现静态RegisterBundles方法。该方法用来创建,注册和配置bundle。(在该目录下代码最好把他们的命名空间去掉 ".App_Start",保持一个统一的高等级的命名空间)。

  • 调用BundleCollection.Add()方法添加捆绑资源,该方法参数为ScriptBundleStyleBundle

  • ScriptBundleStyleBundle需要传递一个虚拟路径给构造函数。该虚拟路径其实就是该捆绑的名称或者标识符。所以该虚拟路径可以任意设置,并不需要匹配物理路径。BundleInclude方法包含一个或者多个脚本。

  • 通过引用该虚拟路径就可以使用这些捆绑的资源@Script.Render("~/bundles/jquery")

  • Debug模式下默认没有开启捆绑和压缩,发布模式下默认是开启的。

public static void RegisterBundles(BundleCollection bundles)
{
     //该值为true,在任何模式下都使用捆绑和压缩。
     //BundleTable.EnableOptimizations = true;
     
     //添加名称为“~/bundles/jquery”脚本捆绑
     bundles.Add(new ScriptBundle("~/bundles/jquery").Include("~/Scripts/jquery-{version}.js"));
     //添加名称为“~/Content/css”样式捆绑
     bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/Site.css"));
}

使用{version}占位符可以在使用NuGet更新Jquery版本时,不需要更新Bundle的引用,自动使用最新的Jquery版本。

ScriptBundleStyleBundleInclude方法参数是一个字符串类型的数组,所以一个Bundle实例可以添加多个文件。

bundles.Add(new StyleBundle("~/Content/css").Include(
    "~/Content/themes/base/jquery.ui.core.css",
    "~/Content/themes/base/jquery.ui.resizable.css",
    "~/Content/themes/base/jquery.ui.selectable.css",
    "~/Content/themes/base/jquery.ui.accordion.css",
    "~/Content/themes/base/jquery.ui.autocomplete.css",
    "~/Content/themes/base/jquery.ui.button.css",
    "~/Content/themes/base/jquery.ui.dialog.css",
    "~/Content/themes/base/jquery.ui.slider.css",
    "~/Content/themes/base/jquery.ui.tabs.css",
    "~/Content/themes/base/jquery.ui.datepicker.css",
    "~/Content/themes/base/jquery.ui.progressbar.css",
    "~/Content/themes/base/jquery.ui.theme.css"));

但是Bundle类也提供了IncludeDirectory方法,可以添加指定目录下的指定文件。

//添加Content/themes/base目录下的所有css文件
bundles.Add(new StyleBundle("~/Content/css"").IncludeDirectory("~/Content/themes/base", "*.css"));

使用通配符要注意:

  • 使用通配符添加资源时。这些资源文件是按照名称来排序的。

2. 启用Bundle

在Global.asax的Appliaction_Start方法中调用之前的定义的方法,BundleConfig.RegisterBundles(BundleTable.Bundles)
启用Bundle。

public class MvcApplication : System.Web.HttpApplication
{
    protected void Application_Start()
    {
        BundleConfig.RegisterBundles(BundleTable.Bundles);
    }
}

3. 使用Bundle

如果我们需要在页面中使用这些资源时。可以通过Styles和Scripts来引入。如果要使用捆绑的Style,可以在页面中添加@Styles.Render("~/Content/css")。如果要使用捆绑的Script,可以在页面中添加@Script.Render("~/bundles/jquery")

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - 我的 ASP.NET 应用程序</title>
    //引入样式捆绑
    @Styles.Render("~/Content/css")    
</head>
<body>    
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - 我的 ASP.NET 应用程序</p>
        </footer>
    </div>
    //引入js捆绑
    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)
</body>
</html>

可以把CSS样式文件置顶,JavaScript文件置底,来优化网页。但是modernizr.js文件要放在页面顶部,因为有些样式文件需要。


使用CDN

Bundle对CDN也提供了很好的支持。

public static void RegisterBundles(BundleCollection bundles)
{
    //bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
    //            "~/Scripts/jquery-{version}.js"));

    bundles.UseCdn = true;   //启用cdn
    //添加地址
    var jqueryCdnPath = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js";
    bundles.Add(new ScriptBundle("~/bundles/jquery",jqueryCdnPath).Include("~/Scripts/jquery-{version}.js"));
}

在使用CDN时,要应对没有获取到资源的情况。


        @Scripts.Render("~/bundles/jquery")
        <script type="text/javascript">
            if (typeof jQuery == "undefined") {
                var e = document.createElement("script");
                e.src = "@Url.Content("~/Scripts/jquery-1.7.1.js")";
                e.type = "text/javascript";
                document.getElementsByTagName("head")[0].appendChild(e);

            }
        </script>   

Bundle缓存

浏览器是根据URL来缓存数据的。浏览器无论何时请求资源,都会根据URL来检查缓存里是否包含了该资源文件。如果包含了,浏览器就不会再去请求,而是使用缓存的文件,来渲染。

Bundle机制使我们每次修改资源文件时都会在URL后自动添加一个哈希值,从而避免浏览器缓存,不能及时更新资源的情况。

v=******,后面的值就是哈希值。Bundle 在Debug模式下默认是没有开启的。在发布模式下才会开启。但是我们可以在BundleConfig下添加BundleTable.EnableOptimizations = true;开启捆绑模式。


Bundle注意事项

  • 一个Bundle一般包含多个文件,如果我们只是修改了其中的一个文件,那么Bundle的哈希值也会改变,就会更新Bundle的所有文件。

  • 捆绑和缩小主要降低了第一次访问页面时加载的时间。此时静态资源就会被缓存起来(js,css,图片)。当访问其他页面,且该页面的资源地址和第一次访问的地址相同时,就会从缓存里获取,不再向服务端获取。

  • 如果资源过多,使用CDN,比使用Bundle更有效。当然Bundle也可以结合CDN使用。 通过使用CDN,可以减轻每个主机名8个并发连接的浏览器限制。因为CDN的主机名与您的主机站点不同,CDN上的资产请求不会与您的主机环境的8个并发连接数计数。

  • Bundle最好按照功能来区分捆绑。例如,默认的ASP.Net应用程序的NET MVC模板创建了一个与jQuery分离的jQuery验证包。因为所创建的默认视图输入输出值,所以它们需要验证包。


如有不对,请多多指教。


参考:

  • Bundleing and Minification
  • Asp.Net MVC 4 Web 编程

当前文章:http://peakfog.com/html_71075.html

发布时间:2018-12-15 04:28:12

适合小学生赚钱的软件 学生党怎么赚钱软件 赚钱软件有哪些 玩什么网络游戏能挣钱 抖音得到一个赞多少钱 淘宝挂机网赚 2018在家赚钱的方法 蜂鸟赚钱团队怎么挣钱

编辑:顺文安

 
分享到: 更多
作品集
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐文章
  • 英特尔回应收购博通,称目前只会专注整合先前收购资产

    而他本人则是一点事情都没有,刚才就濒临死亡的泰坦主神直接躺下了,可是空间主神却丝毫不放下两个主神的尸体飞速离开。...

  • JSON入门看这一篇就够了

    “给你?叫声哥哥来听一下。”刘皓抽取这个本来就是给紫妍的,这一团精血别说是身为太虚古龙的紫妍了,就算是人类吞服了也是有极大的好处,不但修为提升,身体强度也会节节攀升,生命力更加强横。...

  • 关于博客园首页发布规则的若干猜测

    侍卫首领点头,“具体出了什么事,我也说不清楚,不过应该是和秦王的死有关。”...

  • 特斯拉Semi电动半挂卡车刚发布,加拿大杂货巨头狂订25辆

    两天下来一道光柱从聚灵旗当中冲天而起,一股比起主神强悍很多的气势蔓延开来,显然柳剑当年就有着单挑诛杀主神的实力,现在以刘皓精心准备的方式复活他,万载的磨难,现在死而复活,经历了生死之间的大恐怖,修为更胜从前。...

  • 11月1日辣品福包:1元购买30天QQ超级会员、45天QQ豪华黄钻

    因此千手纲手一看刘皓的样子就知道他想做什么了,转移那么大的沙漠风暴消耗的查克拉可是不少,幸好刘皓的查克拉越来越庞大了,就算比不上她,但也不怕消耗。...

  • 《剑网3》重制版今日二测 全门派次世代画质视频首曝

    郭子仪回头对众人道:“这个人看似粗鲁,实则精明无比,他的军队驻扎在十里外,就是防备我们杀人后突袭,只看他营中一谈,他露了什么口风了吗?他带多少军,带多少粮?太原是怎么防守,他一概未说,你们想想看,李庆安会让一个头脑简单的人驻守北都太原吗?他不过是在迷惑我们,你们都上当了。”...