gulp自动化脚本 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (36)
关于如何全局安装gulp,该项目官网已经有详细的介绍,这里不多赘述,直接进入主题。
利用npm创建package.json文件如果对package.json文件已经比较熟悉了,那就没有必要利用这个”引导式”的方式创建package.json,这里是针对”懒人”(比如我…)比较好的方式。切换到项目根目录下面,在终端敲入下面代码:npm init
接下来只需按照提示一步步填写,一分钟不到就搞定了。
安装所需的插件并且自动写入package.json文件在npm官网或者到gulp的插件官网可以查询你所需要的插件关键词,假设输入imagemin,可以看到下载量最多并且属于gulp的一般就是你想要的那个了,然后在终端敲入以下代码下载插件并且自动保存到package.json文件的devDependencies里面去,避免自己手动输入。npm install --save-dev gulp-imagemin
如果mac或者linux系统的可能会提示权限不足,暴力一点sudo解决。
创建gulpfile.js文件这个是gulp的核心配置文件,配置模式也很简单,基本是下面这种模式gulp.t...阅读全文

 数组洗牌算法 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (32)
ABOUTRSS本文总阅读量数组洗牌算法2015年4月20日在做拍拍首页改版过程碰到一个需求,抽象出来的意思就是:从一个数组当中随机抽出几个组成一个新的数组,然后思考了一下,代码如下():
// 判断数组是否包含某个元素  Array.prototype.contains = function(obj) {      var i = this.length;      while (i--) {          if (this[i] === obj) {              return true;          }      }      return false;  };  // 在min和max之间随机生成一个数字  var randomNum = function (min, max) {      if (max == undefined) {          max = min;          min = 0;      }      return Math.floor(Math.random() * (max - min) + min);  };fu...阅读全文

 grunt自动化脚本 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (47)
项目根目录下建立三个文件package.json
{    "name": "grunt demo",    "version": "0.1.0",    "author": "sky",    "devDependencies": {        "matchdep": "~0.3.0",   //一次执行多次load任务        "grunt": "~0.4.1",        "grunt-contrib-clean":"*",        "grunt-contrib-concat": "~0.3.0",        "grunt-contrib-uglify": "~0.2.1",        "grunt-contrib-jshint": "~0.10.0",        "grunt-contrib-copy": "*",        "grunt-contrib-watch": "~0.4.4",        "grunt-contrib-htmlmin" : "*",        "grunt-contrib-cssmin":"*",    ...阅读全文

 koa下一代nodejs框架 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (28)
是下一代的NodeJS框架,由原先Express团队开发,致力于更小,更有表现力的web应用程序。
若想在自己的机器上运行koa应用程序,必须是node 0.11版本以上,建议下载node版本控制器n或者nvm,自己试用了一下,感觉比较喜欢nvm,下面是koa入门的步骤。
注:本实验平台基于mac osx ,若是windows平台,有一些对应步骤可能不同。
利用命令行直接安装nvm
curl https://raw.githubusercontent.com/creationix/nvm/v0.18.0/install.sh | bash利用nvm安装指定版本(必须是0.11.*以上版本)
nvm install 0.11.12或者安装node最新版本nvm install latest
指定使用安装的node 版本
nvm use 0.11.12新建app.js文件,录入下面经典的hello world代码
var koa = require('koa');var app = koa();app.use(function *(){  this.body = 'Hell...阅读全文