36ria - 36ria.com
General Information:
Latest News:
常用插件的使用—grunt入门指南（上） 3 Aug 2013 | 12:45 pm
上一篇文章明河简单讲解了grunt使用，这一篇文章将接着讲解grunt的几个常见任务。 先来看个图： 上图是这二年前端炙手可热的项目，这么项目多多少少都需要构建工具支持，grunt是不二之选。 前面二篇教程，明河大量使用grunt-contrib-uglify插件进行演示，一方面是uglify（压缩js文件）任务，基本上是代码发布前必须执行的，另一方面grunt-contrib-uglify...
任务配置详解—grunt入门指南 20 Jul 2013 | 11:28 am
任务配置指的是grunt.initConfig({})中的任务配置，上一篇文章我们配置了uglify（这里指任务名，而不是插件名）任务，用于压缩js文件，接单演示了任务配置的功能。 这一篇教程将深入讲解任务配置的细节。 多任务目标 构建中有二个关键字：任务（task）和目标（target），一个任务可以包含多个任务目标。 你可以只调用任务中一个目标的执行： 格式是任务名:目标名 非任务...
一款颇具特色的前端单元测试工具——Sinon.js 15 Jul 2013 | 07:06 am
说到前端单元测试框架，最广为人知的莫过于Jasmine、Mocha、QUnit等。 而Sinon.js则更多的是作为一个辅助的测试工具集，可以跟上面提到的任意测试框架结合使用，提供了一些独特的功能。 简单介绍 让我们先看几个例子： 这个例子，用来测试jQuery的ajax方法是否被调用以及其他的用例，如返回值等。与通常的调用几乎没有差别，只是在调用前将sinon注入$.ajax方法，在测试...
Getting started—grunt入门指南 13 Jul 2013 | 03:32 pm
什么是grunt？ grunt是javascript项目构建工具，在grunt流行之前，前端项目的构建打包大多数使用ant。（详细请看明河写的《ant与前端》），但ant对于前端而言，存在不友好，执行效率低，学习成本高的问题。 “人活一世，有的成了面子，有的成了里子都是时势使然”—《一代宗师》 grunt成为面子，ant成为里子，也是时势使然（只是说前端项目构建中），js模块化和场景复杂化，...
淘宝招聘前端实习生啦~~~ 9 Jul 2013 | 03:53 pm
淘宝网招聘前端实习生啦，有兴趣的同学，请发简历到[email protected]。 要求明年毕业，对前端抱有热诚的同学~ 待遇不敢保证，但保证学到东西~
kissy1.3的Promise精讲 7 Jul 2013 | 12:01 pm
promise规范（留意明河这里用的是规范一词，也就是说Promise模块不止是kissy有，像jquery、dojo等著名js库都有，都是规范的具体实现）在现代javascript编程具有非常大的现实意义，特别是在NodeJs中，建议大家阅读《JavaScript异步编程》1-3章的内容，如果亲懒得买书，明河推荐阅读二篇经典文章：《Javascript异步编程的4种方法》和《JavaScript...
自定义项目工程生成器下—Yeoman入门指南（3） 19 Jun 2013 | 06:28 am
文件模版的处理 上一篇教程，我们使用this.copy()来复制文件，在实际的需求中，可能你还需要修改文件中的文字，举个例子，我们生成了abc.json文件，文件的内容可能如下： { "name": "uploader", "version":"1.4", "author":{"name":"明河","email":"[email protected]","page":"https://github...
yeoman介绍PPT 4 Jun 2013 | 08:33 am
今天在团队分享了yeoman，有兴趣的同学可以看下面的PPT yeoman介绍
阿里的前端工程师都在关注什么？ 31 May 2013 | 04:51 pm
今天，明河参加了阿里的集体前端的技术峰会（一整天-_-!），信息量太大，回来赶紧梳理下，顺便分享给大家。 阿里的前端工程师团队不少，分散在各个子公司，今天看到不少团队的一些干货，明河将业务和内部的部分去掉，剩下几块可能对大家有帮助的内容。 使用webP代替jpg 什么是webP？ webP是google推出的新的图片格式，采用全新的有损算法，相较于jpg，在同画质的情况下，可以把图片大小减少40%...
15分钟快速开发一个kissy组件（流程篇） 10 May 2013 | 07:51 am
Step1: 安装kissy gallery组件工具 npm install yo grunt-cli -g npm install generator-kissy-gallery -g 请确保本地带有NodeJs和Npm环境。 Step2:创建组件目录 手动创建一个组件目录，比如offline。 进入该目录，打开命令行工具，执行如下命令： yo kissy-gallery 1.0 1.0为组件起...
