本文实例讲述了nodejs的压缩文件模块archiver用法。分享给大家供大家参考，具体如下： 发现了个更好用的 zip-local https://www.npmjs.com/package/zip-local var zipper = require("zip-local"); zipper.sync.zip("/Users/xxx/xx/xx").compress().save("/Users/xxx/xx/xx.zip");如下代码实现 压缩a文件夹中的所有内容，生成a.zip 文件 cwd：需要压缩源文件的路径 src：需要压缩的文件 ** 是全部文件 dest 是解压后的层级，如果不设...
最近在做移动端遇到了一个问题就是：手机拍照后，图片过大如果上传到服务器务必会浪费带宽，最重要的是流量啊别慌，好事儿来了，务必就会有人去研究研究图片的压缩： 鄙人结合前人的经验，结合自己实战，总结出一个方法供大家参考: /*** 图片压缩，默认同比例压缩* @param {Object} path * pc端传入的路径可以为相对路径，但是在移动端上必须传入的路径是照相图片储存的绝对路径* @param {Object} obj* obj 对象 有 width， he...
H5活动已十分普遍，其中一种形式是让用户上传图片进行参与。移动端上传图片，用户一般都是上传手机相册中的图片，而现在手机的拍摄质量越来越高，一般单张照片的尺寸都在3M左右。若直接上传，十分耗流量，并且体验效果也不佳。因此需要在上传之前，先进行本地压缩。 接下来总结在h5活动的开发中图片压缩上传的功能，并标记其中踩过的几个坑，分享给大家： 小白区必看 对于移动端图片上传毫无概念的话，需要补充FileReader、Blob、F...
本文实例为大家分享了HTML5 JS压缩图片，并获取图片BASE64编码上传的方法，供大家参考，具体内容如下 基本过程 1) 调用 FileReader 的 reader.readAsDataURL(img); 方法, 在其onload事件中, 将用户选择的图片读入 Image对象. 2) 在image对象的 onload 事件中, 通过 canvas 的 canvas.getContext(2d) 的 drawImage 方法, 将Image 改变大小绘制到canvas上. 3) 通过 canvas.toDataURL("image/jpeg", 0.1); 方法, 将图片变成base64字符...
准备： vue.js 原本是学习vue组件 require.js 然后想到用require 加载 r.js 文件太多 合并 文件目录 忽略部分文件及文件夹一、先说vue 组件 先引入vue 再引入vue组件 Vue.extend({}) 定义组件 template data methods Vue.component()，注册组件的标签，标签在html中是一个挂载点 new Vue() 进行实例化 index.html // css引入 略 <div id="header"> <tq-header></tq-header> </div> <div id="footer"> <tq-footer></tq-footer> </di...
gulp简介： gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监...
第一个项目终于上线了，是一个叫亲青筹的公益众筹平台，微信端，电脑端还有后台界面大部分都是我完成的，几个月过来，感觉收获了很多，觉得要总结一下。首先想到的是图片上传的问题。在通常表单数据都是ajax上传的情况下，为了上传图片而去使用form表单感觉很蠢。然后那时候也没有想到用jquery form插件。后台的同事给的方案是用iframe里写一个form表单，然后上传图片之后自动提交表单，他将图片在服务器上的地址以跳转页url的一部...
之前的项目一直采用grunt来构建，然后用requirejs做模块化，requirejs官方有提供grunt的插件来做压缩合并。现在的项目切到了gulp，模块化用起了seajs，自然而然地也想到了模块合并压缩的问题。 然后一开始在解决这个问题的时候，并不是很顺利，在npm上并没有那种特别流行的专门用来做seajs合并压缩的gulp插件，虽然在seajs的github上也看了不少的issue，但是大多数都是只能将所有的模块文件合并成一个总的文件，这对于单页面的应用...
项目里要用到archive和unarchive整个已存在的folder，在找解决方案的时候尝试了一些当前比较流行的library，主要有adm-zip, JSZip, archiver等。 一.Use adm-zip adm-zip支持archive和unarchive一个或多个文件或者整个文件夹的功能，使用非常的简单方便。var adm_zip = require(adm-zip);//creating archivesvar zip = new adm_zip(); zip.addLocalFolder(archiver); zip.writeZip(adm/adm-archive.zip); //extracting archives va...
zip.js是什么zip.js的github项目地址：http://gildas-lormeau.github.io/zip.js/通过zip.js封装一个能在网页端生成zip文件的插件， 直接在网页中创建包含文件夹和文件的压缩包，也可以自定义名字并下载；如何使用：1：引用zip.js2：引用jQuery;3：并引用封装的ZipArchive.js ,(因为zip.js的api使用起来比较繁琐,所以自己封装实现了这个插件)4：引用mime-types.js;查看DEMO, 使用方式为： 运行下面代码 <!DOCTYPE html> <html> <hea...
0x01.关于 写http时候，在接收http请求时候，出现乱码，后来发现是gzip没有解压。 关于gzip/deflate压缩，有放入管道压缩，和非管道压缩方法。 0x02.管道压缩 Node中的I/O是异步的，因此对磁盘和网络的读写需要通过回调函数来读取数据。 当内存中无法一次装下需要处理的数据时，或者一边读取一边处理更加高效时，我们就需要用到数据流。 NodeJS中通过各种Stream来提供对数据流的操作。 官网提供了管道方法：代码如下: // client re...
JSA的压缩过程分两步 第一步是语法压缩，类似于Dojo ShrinkSafe，但比他安全，且更加有效。 第二步是文本压缩，目前采用的是 JavaScript Compressor的压缩算法。 (http://dean.edwards.name/packer/ ) 这些都可以在设置窗口设置。 默认情况先用语法压缩，当文件大于1000byte且采用文本压缩仍然可以压缩到原来大小90％时才在原来基础上采用文本压缩。 下面来一段脚本压缩示例，展示一下JSA语法压缩和优化功能。代码如下: try { //x...
这种情况精简后查错的方法：打开IE的脚本错误提示，然后打开调用JS的HTML页面，它会报告缺少分号的所在位置，然后用UE打开精简后JS文件，转到相应位置加上分号，再找到未精简的JS代码中对应的位置加上分号。 例如：代码如下: var a=1 var b=2改为：代码如下: var a=1; var b=2;◆尽量在else后面的语句使用大括号 这种情况查错起来比较麻烦，通过正则表达式 else[a-zA-Z0-9]+ 来查找精简后的JS文件，或者查找else后面是否有注释的行...
推荐5款优秀的JavaScript代码压缩工具。代码压缩（也称代码最小化）是一个从源代码中消除所有不必要的字符的过程，包括删除所有不必要的空格字符、新行字符、评论等。代码压缩不影响源代码的功能，却提高加载时间（和web应用程序的性能），因为，要下载的文件的大小减少了。 以下是5款优秀的JavaScript代码压缩工具，我相信，他们定可以将你的脚本变得更轻巧，代码性能更出色。 一、YUI CompressorYahoo出品！YUI Compressor是一个...
有如下步骤： 1.新建项目Bejs2.新建文件package.json3.新建文件Gruntfile.js4.命令行执行grunt任务 一、新建项目Bejs源码放在src下，该目录有两个子目录asset和js。js下放selector.js和ajax.js，这在上一篇已经讲了如何合并压缩它们。这篇只关注asset目录，asset目录下放了一些图片和css文件。一会会把两个css资源reset.css和style.css合并，压缩到dest/asset目录。一个合并版本all.css，一个压缩版本all-min.css。二、新建packag...