1.在App_Start文件夹中BundleConfig.cs类中添加相应的文件 1.1bundles.Add(new ScriptBundle("~/bundles/adminJs").Include("~/Scripts/jquery.js", "~/Scripts/jquery.form.js")); 1.2bundles.Add(new StyleBundle("~/Content/adminCss").Include…

gulp 一个入门教程:http://www.ydcss.com/gulp API文档地址:http://www.gulpjs.com.cn/docs/api/ 我的一个Low版的gulpfile var gulp = require('gulp'); gulpif = require('gulp-if'); sass = require('gulp-sass'); concat = require('gulp-concat'); rename = require('gulp-rename');…

1.安装nodejs http://nodejs.org/ 2.安装各自的node package js我用的是UglifyJS github地址:https://github.com/mishoo/UglifyJS css我用的是clean-css github地址:https://github.com/GoalSmashers/clean-css 图片用的是node-smushit    github地址:https://github.com/colorhook/node-smushit 3…

1.在说grunt先认识几个grunt配置中的几个单词,concat(合并文件),uglify(压缩文件),jshint(检测代码规范),watch(实时监听修改的文件) 2.grunt是基于nodejs,安装之前需要安装nodejs. 3.开始,进行项目的路径下,cmd——>npm init生成package.json,暂时没有这么多内容的,但是大致就是这样的 4.然后安装grunt : npm install grunt --save-dev               --save-dev…

转载自:http://blog.csdn.net/fangxing80/article/details/17639607 我们知道在 Web 应用开发中为了提高客户端响应速度,需要将页面使用的资源最小化,yuicompressor-maven-plugin 能够很好的实现js, css的压缩.合并处理. 先来看看工程结构: project └─main     ├─java     └─webapp         ├─app         │  │  index.html         │…

1.在App_Start文件夹中BundleConfig.cs类中添加相应的文件 1.1bundles.Add(new ScriptBundle("~/bundles/adminJs").Include("~/Scripts/jquery.js", "~/Scripts/jquery.form.js")); 1.2bundles.Add(new StyleBundle("~/Content/adminCss").Include…

1.    在pom.xml文件中,引入wro4j-maven-plugin插件 <plugin> <groupId>ro.isdc.wro4j</groupId> <artifactId>wro4j-maven-plugin</artifactId> <version>${wro4j.version}</version> <executions> <execution> <id>opt…

(1)封装CSS和JS代码,使用调用的方式在前台进行调用.是开发看起来简洁和易于管理,可达到重用.   由于asp.netMVC4 框架 ,在封装js和CSS的时候,有如下规范: using System.Web; using System.Web.Optimization; namespace Cn.Com.Farm.Controller { public class BundleConfig { // 有关 Bundling 的详细信息,请访问 http://go.microsoft.com…

为不同分辨率单独做样式文件,在页面头部用js判断分辨率后动态加载定义好的样式文件.样式文件命名格式如:forms[_屏幕宽度].css,样式文件中只需重新定义文本框和下拉框的宽度即可. 在包含的头文件headr.inc中加入js代码: if(screen.width > 1024){ document.write('<link rel="stylesheet" type="text/css" href="${path}/nrmus/etc/cs…

前面几篇文章中讲到关于样式的载入方式.已经了解到能够通过 theme.info 载入样式文件,但都须要更新缓存才干够使用.因些这样子没有办法动态的载入一些样式文件,在DP中提供了两个API操作样式文件 drupal_add_css . drupal_get_css 这里.仍然是以 mytheme 为主题.看下面演示样例: function template_preprocess_page(&$variables) {   $front_style = path_to_theme() .'/fro…