【转】asp.net mvc css/js压缩合并 --- combres

转自:http://www.cnblogs.com/zxktxj/archive/2012/05/30/2526246.html NuGet 网站:http://nuget.codeplex.com/releases/view/64974 Combres 英文介绍:http://www.codeproject.com/KB/aspnet/combres2.aspx mvc3的设置和使用过程,模板引擎是razor的. 使用: (1)直接使用vs2010的 NuGet 功能 (2)新建mvc3项…

ASP.NET MVC 中CSS JS压缩合并功能的使用方法

通过压缩合并js文件和css文件,可以减少服务器的响应次数和流量,可以大大减小服务器的压力,对网站优化有比较明显的帮助!压缩合并 css 文件和js文件是网站优化的一个比较常用的方法. ASP.NET MVC 中提供了一套为css文件和js文件压缩合并的方法. 步骤: 一.打开MVC项目下的 App_start目录中的BuddleConfig.cs文件, 二.在 RegisterBundles 方法中添加要处理的js'或css文件 1.js文件的压缩合并方法: // 压缩后js文件路径…

gulp之css,js压缩合并加密替换

为了防止客户端的静态资源缓存,我们需要每次更新css或js的时候,通过md5或时间戳等方式重新命名静态资源.让客户端可以重新请求资源,而不是从缓存里取.然后html模板里的src也要做相应的修改.当然,这里还有个附加的需要就是,静态资源需要自行优化(压缩合并). 下面是我gulpfile.js的代码: var gulp = require('gulp'), //基础库 clean = require('gulp-clean'), //清空文件夹 minify = require('gulp-mi…

Asp.Net MVC 页面代码压缩筛选器-自定义删除无效内容

Asp.Net MVC 页面代码压缩筛选器首先定义以下筛选器,用于代码压缩. /*页面压缩筛选器*/ public class WhiteSpaceFilter : Stream { private Stream _shrink; private Func<string, string> _filter; public WhiteSpaceFilter(Stream shrink, Func<string, string> filter) { _shrink = shrink;…

ASP.NET MVC之Bundle压缩JS和CSS

介绍Bundle之前先引用<淘宝技术这十年>中一段话,对Web前端稍微有点常识的人都应该知道,浏览器下一步会加载页面中用到的CSS.JS(JavaScript).图片等样式.脚本和资源文件.但是可能相对较少的人才会知道,你的浏览器在同一个域名下并发加载的资源数量是有限的,例如IE 6和IE 7是两个,IE 8是6个,chrome各版本不大一样,一般是4-6个.Bundle是ASP.NET 4.5中的一个新特性,可用来将js和css进行压缩(多个文件可以打包成一个文件,也可以说是合并多个文件),…

[Asp.net Mvc]为js,css静态文件添加版本号

方式一: 思路 string version = ViewBag.Version; @Scripts.RenderFormat("<script type=\"text/javascript\" src=\"{0}?nocache=" + version + "\"></script>", "~/Scripts/ControlJS/PuzzleFee/PuzzleFee.js") 方…

Asp.net MVC CSS/Javascript Bundle 配置文件

Asp.net mvc 中使用 Web Optimization 可以合并.压缩JS和CSS文件,但是每次修改都要改代码 ~/App_Start/BundleConfig.cs ,遂有了将它挪到配置文件的想法思路很简单,做一个XML配置文件来保存. 首先,了解一下Bundle有两种,一种是StyleBundle,一种是ScriptBundle,所以配置文件中,需要支持两种:Bundle下的文件,把文件路径加进来就ok了 1)确定XML格式,如下: <?xml version="1.0&q…

RequireJS模块化后JS压缩合并

使用RequireJS模块化后代码被拆分成多个JS文件了,在部署生产环境需要压缩合并,RequireJS提供了一个打包压缩工具r.js来对模块进行合并压缩.r.js非常强大,不但可以压缩js,css,甚至可以对整个项目进行打包. r.js的压缩工具使用UglifyJS或Closure Compiler.默认使用UglifyJS(jQuery也是使用它压缩).此外r.js需要node.js环境,当然它也可以运行在Java环境中如Rhino.JAVA环境使用Ant构建可以参考另外一篇RequireJ…

ASP.NET MVC+Vue.js实现联系人管理

接触了一天vue.js,简单浏览了一本关于vue的电子书,就开始动手使用ASP.NET MVC和Vue.js开发一个联系人管理的小程序. 先看一下这个联系人管理的小程序的界面,也就是我们大概要实现什么样的功能. 上面截图可以看出,这是一个很简单的表格管理功能.我们先分析一下,上述有哪些功能需要实现: 1.默认先加载出所有的联系人信息,有信息的行后面的操作那一栏,显示“修改”.“删除”,没有信息的行后面的操作那一栏,显示“添加”(默认只添加一行需要添加的信息). 2.点击“添加”按钮对应的空白文本…

ASP.NET（支持 ASP.NET MVC）性能优化包 - combres 介绍

项目地址:https://github.com/buunguyen/combres Overview Combres (previously hosted in CodePlex) helps your ASP.NET and ASP.NET MVC applications perform faster and rank better with YSlow and PageSpeed. Features highlights: All in one solution supporting JS…

关于ASP.NET MVC的js和css资源管理

本文来源于博客园-钱智慧,转载请注明出处通过这篇文章和这个回答,我们总结如下: 浏览器针对一个域名,最多只会开启6个线程来加载文件,比如head中如果有7个引入文件(js文件或者css文件)的标签,则最后一个文件的网络请求只能排队,直到前6个加载完毕显然,通过CDN的方式,我们可以避开这个限制,因为CDN的域名跟我们站点的域名是不一样的(当然,除非你自建CDN) 使用bundling和minification的好处1:将多个js或css文件合并成一个,减少网络加载使用bundling和mi…

Asp.Net MVC 中JS通过ajaxfileupload上传图片获取身份证姓名、生日、家庭住址等详细信息

客户要求用身份证图片上传获取身份证的详细信息就下来研究了一下(现在的客户真的懒身份证信息都懒得输入了哈哈...),经过慢慢研究,果然皇天不负有心人搞出来了.这个借助的是腾讯的一个SKD 腾讯优图云人脸服务TencentYoutuYun.SDK.Csharp 这个DLL文件从github下载dll文件,并添加到你项目引用里,本sdk依赖Newtonsoft.Json,也需一起引用. 1.主要用到里面的一个封装类:OCR,现在来看一下里面的参数信息 PlanRegGuest_OCR这个类就封装了…

maven css/js 压缩配置

<plugin> <groupId>net.alchim31.maven</groupId> <artifactId>yuicompressor-maven-plugin</artifactId> <version>1.5.1</version> <executions> …

Asp.Net Mvc+Angular.Js自测小Demo

参考:http://www.cnblogs.com/eedc/p/6082052.html 一.引用anguler: 1.angular.js 2.angular-route.js 3.app.js (下面会讲到) 二._Layout.cshtml:母版声明angular应用 ng-app="myApp" <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type"…

Asp.net MVC + Vue.js

@{ Layout = null; } <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>学生列表</title> <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script> <style type="text/…

asp.net mvc + vue.js + axios.js

1.新建一个 MVC 应用程序 2.右键解决方案添加VUE 3.搜索vue 1.安装axios.js ,用于数据请求,get , post axios…

Asp.net 引用css/js资源文件

注意Page.ResolveUrl之前的双引号,不是单引号 <script type="text/javascript" src="<%= Page.ResolveUrl("~/Scripts/YourScript.js") %>" ></script> …

asp.net mvc 在JS中跳转到其它controller/action

平时在ASP.NET 中经常这样写, $('#loginOut').click(function() { $.messager.confirm('系统提示', '您确定要退出本次登录吗?', function(r) { if (r) { location.href = '~/Login/LogOff'; } }); }); 结果请求的地址是:http:/…

ASP.NET MVC 4 Optimization的JS/CSS文件动态合并及压缩

JS/CSS文件的打包合并(Bundling)及压缩(Minification)是指将多个JS或CSS文件打包合并成一个文件,并在网站发布之后进行压缩,从而减少HTTP请求次数,提高网络加载速度和页面解析速度.压缩功能实现了对javascript脚本和CSS进行压缩的功能,它能够去除脚本或样式中不必要的空白和注释,同时能够优化脚本变量名的长度. 在ASP.NET MVC 4中JS/CSS文件动态合并及压缩通过调用System.Web.Optimization定义的类ScriptBundle及St…

使用System.Web.Optimization对CSS和JS文件合并压缩

在ASP.NET MVC 中JS/CSS文件动态合并及压缩通过调用System.Web.Optimization定义的类ScriptBundle及StyleBundle来实现. 大致步骤如下: 1.App_Start添加: public class BundleConfig { public static void RegisterBundles(BundleCollection bundles) { bundles.Add(new StyleBundle("~/Themes/Homecss&q…

引用：使用grunt 压缩合并js、css文件

引用:https://www.jianshu.com/p/08c7babdec65 压缩 js 文件 1.创建一个目录名为grunt 目录.png 2.在grunt目录下创建一个 src目录,存放我们要压缩.合并的js文件. 图片.png 3.创建package.json文件文件.png package.json文件,包含了项目的一些信息,如项目的名称.描述.版本号.依赖包等. package.json文件中的内容如下: { "name": "grunt&qu…

编写gulpfile.js文件：压缩合并css、js

使用gulp一共有四个步骤: 1. 全局安装 gulp: $ npm install --global gulp 2. 作为项目的开发依赖(devDependencies)安装: $ npm install gulp --save -d 3. 在项目根目录下创建一个名为 gulpfile.js 的文件: var gulp = require('gulp'); gulp.task('default', function() { // 将你的默认的任务代码放在这 }); 4. 运行 gulp: $…

ASP.NET MVC中的捆绑和压缩技术

概述在众多Web性能优化的建议中有两条: 减少Http请求数量:大多数的浏览器同时处理向网站处理6个请求(参见下图),多余的请求会被浏览器要求排队等待,如果我们减少这些请求数,其他的请求等待的时间将会缩短. 压缩Javascript和Css:移除不必要的注释,空白字符,和换行,替换参数函数名等.文件资源小了加载速度自然快,时间也就短了. APS.NET MVC 使用捆绑和压缩技术实现,在 System.Web.Optimization 类中提供的,Bundling为捆绑,Minificatio…

gulp完成javascript压缩合并,css压缩

最近需要对项目进行优化,主要是对js的压缩合并和css文件的压缩,查找相关资料之后发现gulp可以实现相关的功能,特此分享一下使用心得. 1.安装gulp gulp是基于Node.js的前端构建工具.所以首先需要安装nodejs,安装nodejs. 完成nodejs安装之后,需要使用npm安装gulp. 先安装全局gulp npm install -g gulp 然后在项目根目录下安装本地gulp. 此时项目根目录下会多出下面这个文件夹 node_modules 好的,现在gulp已经安装完成了…

asp.net mvc放在iis7.5中提示404错误 js异步请求失效解决办法

asp.net mvc中js发请求一般写成: $.get("/Can/index"本地上是没有问题的但是部署到iis上,提示404,正确的请求的路径是:/网站名/Can/index,所以改为$.get("/网站名/Can/index";当然也可以改成../Can/index; 为了防止路径更多变化可以定义一个全局的js变量动态拼到请求路径中去:放到iis上只需改变那个js变量即可:…

winform程序压缩文件上传，服务器端asp.net mvc进行接收解压

期间编程没什么难度,唯一可能忽略导致结果失败是asp.net mvc配置对于压缩文件大的话,需要配置mvc的最大接收量: <system.web> <httpRuntime maxRequestLength="2147483647" executionTimeout="3600" /> <!--允许上传数据大小-> </system.web> <system.webServer> <!--允许上传…

如何在 ASP.NET MVC 中集成 AngularJS（2）

在如何在 ASP.NET MVC 中集成 AngularJS(1)中,我们介绍了 ASP.NET MVC 捆绑和压缩.应用程序版本自动刷新和工程构建等内容. 下面介绍如何在 ASP.NET MVC 中集成 AngularJS 的第二部分. ASP.NET 捆绑和压缩 CSS 和 JavaScript 的捆绑与压缩功能是 ASP.NET MVC 最流行和有效的特性之一.捆绑和压缩降低了 HTTP 请求和有效载荷的大小,结果是可以更快和更好的执行 ASP.NET MVC 的网站.有许多可以减少 CS…