代码改变世界

两分钟了解REACTIVEX

2015-05-31 21:40 by owenyang, 1549 阅读, 收藏, 编辑
摘要: 可能在之前,你就已经看过这篇[响应式编程的入门](https://gist.github.com/staltz/868e7e9bc2a7b8c1f754)。什么?太长?好吧,这都没关系,[Rx](https://github.com/Reactive-Extensions/RxJS)并不难,你甚至可...阅读全文

修复AWS上EC2损坏的sshd_config文件

2015-03-17 22:02 by owenyang, 1094 阅读, 收藏, 编辑
摘要: **常识:** AWS是没有root用户的,登陆也都是通过SSH KEY完成授权认证。**背景:** 正在AWS上搭一个` CI ` (GO),与` gitlab `,为了将其进行集成,需将gitlab的deploy key设置成GO的SSH KEY。然而,GO创建的是无密码的用户go,导致无法进入...阅读全文

2014压过的辙痕

2015-02-22 14:50 by owenyang, 891 阅读, 收藏, 编辑
摘要: 2014过去2个月有余,才回过神来做一下去年的总结。自己的拖延症也是厉害,此时也希望不会太晚。不过,好歹也才刚过春节。一年,从去学校毕业了。一年,从实习到了试用,从新蛋到了TW。一年,大家各奔东西,世界留给了一群追梦的人。一年,又开始了一段新的人生罢。现在都记不得最初的梦想了,自己的追逐的意义依旧还...阅读全文

ECMASCRIPT 6中字符串的新特性

2015-02-12 21:32 by owenyang, 1134 阅读, 收藏, 编辑
摘要: 本文将覆盖在ECMAScript 6 (ES6)中,字符串的新特性。## Unicode 码位(code point)转义Unicode字符码位的长度是21位[[2]](http://speakingjs.com/es5/ch24.html)。而JavaScript的字符串,是16位的,以UTF-1...阅读全文

NPM install - killed error solution

2015-02-09 19:37 by owenyang, 2320 阅读, 收藏, 编辑
摘要: 在接手一个Node项目的时候,`npm install`。却出现了”killed”的错误。以为是Node版本的问题,熟练地切换了0.11与0.10版,同样无解。由于新的npm版本吧,`npm install`的时候已经无法看到常规的log信息了。以`npm install -d`查看安装的过程,发现...阅读全文

React JS快速开始手册

2015-01-17 21:19 by owenyang, 4026 阅读, 收藏, 编辑
摘要: 怎样用React JS构建一个用户界面?本文将快速地给你一个React JS的概览。代码,请君移步[react-starter](https://github.com/owenyang0/react-starter)## 概念React只有很少的API,这使得它很容易去学习与理解。当然,使用它也是相...阅读全文

ECMAScript 6中的数组操作方法

2015-01-05 20:40 by owenyang, 2623 阅读, 收藏, 编辑
摘要: 本文介绍ECMAScript 6即将带给我们新的数组操作方法,以及在怎样在现有浏览器应用这些新的数组特性。**Note:** 我将使用交替使用构造器(constructor)和类(class)两个术语。## 类方法数组(Array)自身所拥有的方法。### Array.from(arrayLike,...阅读全文

UBUNTU上的GIT SERVER

2014-12-25 00:15 by owenyang, 674 阅读, 收藏, 编辑
摘要: Git是一个开源的版本控制系统,由Linus Torvalds主导,用于支持Linux内核开发。每一个Git工作目录,都是一个完整的代码库,包含所有的提交历史。有能力跟踪所有的代码版本,而不会去依赖于网络与中央服务器。### 安装Git可以通过以下的命令进行安装```bashsudo apt-get...阅读全文

css - position relative与display table-cell深入分析

2014-12-14 15:30 by owenyang, 1526 阅读, 收藏, 编辑
摘要: 在很多时候,想使用 `display: table;` 以及其子元素使用 `display: table-cell` 都只是为了使用 `vertical-align` 这一属性。这是一个很简单的常识,但这次在项目上使用却产生意想不到的表现方式。因为我在其中又使用了 `position: relati...阅读全文

AEM - Adobe CMS 扒坑记之始

2014-12-13 16:29 by owenyang, 6460 阅读, 收藏, 编辑
摘要: AEM是Adobe公司所出的商业内容管理系统,全称**阿豆比体验管理系统**(Adobe Experience Manager),其前身叫**CQ**,分别有` CQ5 ` ` CQ6 `两个大版本。它提供了整套的网站内容管理系统解决方案,是一个企业级的重型系统。当然,这套系统在中国几乎没什么人知晓...阅读全文

用JavaScript修改浏览器tab标题

2014-12-11 11:05 by owenyang, 131 阅读, 收藏, 编辑
摘要: 修改tab或者window的标题,是一项较老的实践。` Gmail ` 用它来提示用户新的聊天消息,当有新的page通过` AJAX `加载的时候,本站同样用它更新` tab title `。这是怎样做到的呢?当时是通过设置` document `对象。```JavaScriptdocument.t...阅读全文

Flow: JavaScript静态类型检查工具

2014-11-28 20:47 by owenyang, 1297 阅读, 收藏, 编辑
摘要: ##Flow: JavaScript静态类型检查工具[Flow](http://flowtype.org/)是Facebook出品的,针对JavaScript的静态类型检查工具。其代码托管在[github](https://github.com/facebook/flow)之上,并遵守BSD开源协议...阅读全文

你需要知道的Sass插值

2014-10-09 23:29 by owenyang, 1724 阅读, 收藏, 编辑
摘要: 你也许会不时地写写 `Sass` 玩玩,你也会很享受它带给你各种便利。但还有一件事,你并不一定完全了解:`插值` (interpolation) - 将一个占位符,替换成一个值。好了,你们都很幸运,因为今天我将把这种问题说清楚。## 插值。啥玩意儿?`插值`,通常是指变量插值,或者变量替换。这不是`...阅读全文

JavaScript TDD with Mocha

2014-04-30 02:05 by owenyang, 1242 阅读, 收藏, 编辑
摘要: 开发现状当新的版本快要发布的时候,大家都忙于加班,加紧修复BUG1、BUG2。我想这就是很多公司开发的现状。 为了不至于让上线的版本挂掉挂掉,少不了就是人肉测试。 在一个项目中,我们会做许许多多各种各样的测试,这些测试都必不可少的。测试是项目成功不可或缺的一部分。但人肉测试不在本博的讨论范围。测试大...阅读全文

Gulp:新一代前端构建利器

2014-03-08 23:41 by owenyang, 1174 阅读, 收藏, 编辑
摘要: 1、什么是Gulpgulp.js是一种基于流的,代码优于配置的新一代构建工具。Gulp和Grunt类似。但相比于Grunt的频繁的IO操作,Gulp的流操作,能更快地完成构建。2、Gulp特性使用方便通过代码优于配置的策略,Gulp可以让简单的任务简单,复杂的任务更可管理。构建快速通过流式操作,减少频繁的IO操作,更快地构建项目。插件高质Gulp有严格的插件指导策略,确保插件能简单高质的工作。易于学习少量的API,掌握Gulp可以毫不费力。构建就像流管道一样,轻松加愉快。3、Gulp安装Gulp是基于Node.js的,故要首先安装Node.js1 npm install -g gulp2 np阅读全文