前言Grunt是一款前端构建工具，帮助我们自动化搭建前端工程。它可以实现自动对js、css、html文件的合并、压缩等一些列操作。Grunt有很多插件，每一款插件实现某个功能，你可以通过npm命名去下载插件，然后使用它们。关于grunt的使用以及配置，卤煮不打算在此介绍。本篇博文重点要讲的是如何快速开发一款自定义的grunt插件。因为卤煮在打包合并代码的时候发现了无法将html和js混合的文件进行压缩处理，为此卤煮也翻了很多资料，没查...
WEB前端解压ZIP压缩包 web前端解压zip文件有什么用： 只考虑标准浏览器的话， 服务器只要传输压缩包到客户端， 节约了带宽， 而且节约了传输时间， 听起来好像很厉害的说； 如果前端的代码很多， 而且包含大副的图片，那么就可以把js和css和jpg和png等各种数据通过服务端打包成zip传送到浏览器， 浏览器负责解压， css实用动态生成插入到dom中，js也用globalEval直接执行， jpg或者png各种图片文件由blob流转化...
1、安装gulp-uglify命令行输入npm install gulp-uglify --save-dev ;2、配置文件2.1基本使用var gulp = require(‘gulp‘), uglify = require(‘gulp-uglify‘); //获取uglify插件gulp.task(‘jsmin‘, function () {gulp.src(‘src/js/index.js‘) //引入js文件.pipe(uglify()).pipe(gulp.dest(‘dist/js‘)); }); 2.2压缩多个JS文件var gulp = require(‘gulp‘),uglify = require(‘gulp-uglify‘);gulp.task(‘...
JavaScript 代码压缩是指去除源代码里的所有不必要的字符，而不改变其功能的过程。这些不必要的字符通常包括空格字符，换行字符，注释以及块分隔符等用来增加可读性的代码，但并不需要它来执行。 在这篇文章中，我们选择了15个最好用的 JavaScript 压缩工具，有简单的在线转换器，GUI工具和命令行界面等。1. JavaScript MinifierIt is a nice looking tool with an API to minify your js code.2. JSMIniIf you want to minify ...
在开发中编写的js、css发布的时候，往往需要进行压缩，以减少文件大小，减轻服务器的负担。这就得每次发版本的时候，对js、js进行压缩，然后再发布。有没有什么办法，让代码到了服务器上边，它自己进行压缩呢？ 有两种办法：第一种，在css、js请求到来的时候读取一下相对应的文件，进行压缩后返回。此方法可以通过在Global.asax的Application_BeginRequest的事件中，进行处理，也可以在web.config中注册一个httpHandler进行处理。第...
配置成功 配置文件已传到文件中原文：https://www.cnblogs.com/eric-share/p/13702955.html
安装node.js npm 以及安装gulp等方法我就不在这里赘述了。接下里我主要介绍的是Gulpfile文件里面的配置该如何书写。var gulp = require(‘gulp‘);//引入gulp组件// 引入组件//在引入这些组件前你需要在你的项目里进行安装。举个栗子：组件中间用空格隔开。一定要先切换到你项目所在的目录//npm install gulp-jshint gulp-sassgulp-concat gulp-uglify gulp-rename --save-devvar htmlmin = require(‘gulp-htmlmin‘), //html压...
最新javascript自动按比例显示图片，按比例压缩图片显示<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>最新javascript自动按比例显示图片，按比例压缩图片显示</title><script type="text/javascript"> functio...
存在的问题： 合并、压缩文件主要有2方面的问题： 1. 每次发布的时候需要运行一下自己写的bat文件或者其他程序把文件按照自己的配置合并和压缩。 2. 因生产环境和开发环境需要加载的文件不一样，生产环境为了需要加载合并、压缩后的文件，而开发环境为了修改、调试方便，需要加载非合并、压缩的文件，所以我们常常需要在JSP中类似与下面的判断代码：<c:if test="${env==prod}"> <script type="text/javascript" src="/js/all.js">...
1、说明在使用extjs 的时候，运行起来比较卡，特别是运行数据和js过多的时候，就会出现卡死的情况，或者等待时间比较长。 在解决这个有很多优化方法，今天来说其中一种，那就是在Ant脚本打包的时候，把js中空格、注释去掉、以及合并，合并今天不说了，还未实现这个，在研究中 2、首先，需要准备二个 .jar 文件，分别是 YUIAnt.jar 和 yuicompressor-2.4.x.jar 。 3、俩个文件的附件 下载地址 4、build.xml文件如下 代码如下:<!-- ...
这次给大家带来Js+Canvas做出图片压缩，Js+Canvas做出图片压缩的注意事项有哪些，下面就是实战案例，一起来看一下。/* * 图片压缩* img 原始图片* width 压缩后的宽度* height 压缩后的高度* ratio 压缩比率 */function compress(img, width, height, ratio) { var canvas, ctx, img64;canvas = document.createElement(canvas); canvas.width = width;canvas.height = height; ctx = canvas.getContext(...
在讲之前先谈谈大致步骤：安装nodejs -> 全局安装grunt -> 项目创建package.json --> 项目安装grunt以及grunt插件 -> 配置Gruntfile.js -> 运行任务 1.安装Node 我们开始之前需要安装Nodejs，如果没有安装的 传送门 安装好了之后，查看是否安装成功，正常是这样的提示这里建议npm换成淘宝的cnpm，速度杠杠的。 安装命令: npm install cnpm -g -registry=https://registry.npm.taobao.org2.安装全局Grunt 安装命令： cnpm install g...
在移动端怎样上传图片？，而且在上传前把图片压缩一定的大小？回复内容：在移动端怎样上传图片？，而且在上传前把图片压缩一定的大小？ 对于异步上传来说，如果仍想用文件直接上传方法的话，可以采用HTML5的FormData，具体操作可以参考这篇博客。http://www.cnblogs.com/lhb25/... 本人还有另外一种异步上传图片的方法。先将图片转换成base64字符串，然后再把base64字符串提交到服务器上，服务器接收后，可以再用具体的API将base64...
因为环境上要离线压缩JS,CSS，不可能会使用网络的在线压缩功能，所以想找个PHP类来压缩JS或CSS，github上没找到特别好的，所以想问下大家，希望推荐下，谢谢！回复内容：因为环境上要离线压缩JS,CSS，不可能会使用网络的在线压缩功能，所以想找个PHP类来压缩JS或CSS，github上没找到特别好的，所以想问下大家，希望推荐下，谢谢！https://gist.github.com/tovic...有，你可以搜索查到，但是大多都是简单的一段代码或者维护性不太好...
我在做的一个手机端页面，需求是：在一张模板图片上，用户可以在输入框里输入信息，然后我通过HTML2canvas插件对页面截屏，然后把图片分享出去。由于我公司的发布平台上不能放图片，所以这张模板图片放到我个人的服务器上，图片的链接地址是www.myself.com/aa.png。然后我做的页面的链接地址是www.gongsi.com/index.html。然后在用canvas截屏的时候，跨域的图片截屏后不会被显示，所以我就在我服务器上写了个php接口，把图片通过64...