blog
blog copied to clipboard
fredshare
护卫银河
### 目标 > 若干文件自定义合并 ### 步骤 - 下载gulp-concat插件 ``` javascript npm install --save-dev gulp-concat ``` - 新建一个json文件，叫merge.json，里面包含需要进行合并的文件列表，如下： ``` javascript [{ "src": [ "/lib/jquery.js", "/lib/template.js", "/lib/json2.js", "/lib/prototype.js" ], "dest": "/lib/lib_combo.js" }]...
### 目标 > 在对文件内容进行压缩 > js采用uglify混淆压缩 ### 步骤 - 安装gulp-uglify插件 ``` javascript npm install gulp-uglify --save-dev ``` - 修改gulpfile文件执行任务 ``` javascript var gulp = require('gulp'); var uglify = require('gulp-uglify'); var...
1、重复字符串的创建 // 创建32个0的商品ID ``` javascript new Array(33).join('0'); // 即，创建N个重复字符串 new Array(N + 1).join(repeater); ``` 2、判断是否闰年 ``` javascript var year = 2008; new Date( +new Date( year, 2, 1 ) -...
## createJS之EaselJS教程之1--Graphics 类 Graphics类作用于创建并绘制到网页具体位置的矢量图形。比如你可以通过使用Graphics类中的draw方法绘制图形，然后使用Shap对象轻松地将矢量图形放置到指定的canvas之中。 ### 举例 ``` var g = new createjs.Graphics(); //实例化一个Graphics类 g.setStrokeStyle(1); //1像素的画笔 g.beginStroke(createjs.Graphics.getRGB(0,0,0)); //等同于g.beginStroke('#f00');画边 g.beginFill(createjs.Graphics.getRGB(255,0,0)); //用红色填充图形 g.drawCircle(0,0,50); //画一个半径是50的圆 var s = new createjs.Shape(g); //将圆实例成一个shape s.x = 100;...
## createJS之EaselJS教程之2--AlphaMaskFilter 类 此类适用于目标对象的图片蒙板的透明度编辑，分离出蒙板的透明管道，复制颜色管道。比如，这能用在更改一个目标的透明蒙板，也能够通过一个压缩过的rgb图片和一个png32的透明蒙板合成一个jpg图片，相比一个单纯的包含argb值的png32格式图片，这能明显的减少图片大小。 **重要提示：这个过滤器类暂时还不能正确的支持targetCtx，targetX/Y 参数。** ### 举例 这个例子创建了一个渐变的容器，然后将它用cacheCanvas缓存透明蒙板为一个100*100的图片。 ``` function init() { window.img = new Image(); img.src = "http://imgtest-lx.meilishuo.net/pic/r/72/31/ee3a366cf629d2ee840831352a29_600_600.jpeg"; img.onload = function(){ drawBitmap(); } } function drawBitmap(){ var stage...
## 准备工作 我们首先把html文档弄好，然后在里面来体验EaselJS。 一下所有实例，楼主都亲测过。有问题可交流。 ``` unction init() { // code here. } alternate content ```