代码改变世界

随笔分类 -  Web Front-end

两分钟了解REACTIVEX

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

ECMASCRIPT 6中字符串的新特性

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

React JS快速开始手册

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

ECMAScript 6中的数组操作方法

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

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

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

AEM - Adobe CMS 扒坑记之始

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

用JavaScript修改浏览器tab标题

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

Flow: JavaScript静态类型检查工具

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

你需要知道的Sass插值

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

JavaScript TDD with Mocha

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

Gulp:新一代前端构建利器

2014-03-08 23:41 by owenyang, 1401 阅读, 收藏, 编辑
摘要: 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 阅读全文

浅谈JavaScript闭包

2014-03-02 23:25 by owenyang, 365 阅读, 收藏, 编辑
摘要: 什么是闭包JavaScript函数是将要执行的代码及执行这些代码的作用域构成的一个综合体。计算机术语称这种代码和作用域的综合体为闭包。故所有JavaScript函数都是闭包。但我们常说的JavaScript闭包是指,一个嵌套函数被导出到它所定义的作用域外时,才明确地称为闭包。JavaScript闭包闭包是JavaScript一个非常重要的特性,这意味着当前作用域总是能够访问外部作用域中的变量。 因为函数是JavaScript中唯一拥有自身作用域的结构,因此闭包的创建依赖于函数。简单写法该函数的私有持久变量,可以被多个函数共享1 var uniqueID = (function() {2 ... 阅读全文

JavaScript 32位整型无符号操作

2013-12-06 22:44 by owenyang, 3010 阅读, 收藏, 编辑
摘要: 在 JavaScript 中,所有整数字变量默认都是有符号整数,这意味着什么呢?有符号整数使用 31 位表示整数的数值,用第 32 位表示整数的符号,0 表示正数,1 表示负数。 数值范围从 -2^31 - 2^31-1 即 -2147483648 到 2147483647。 JavaScript 进行位操作时,是采用32位 有符号 整型,这意味着其转换的结果也是32位有符号整型。 有些时候,我们进行移位会出现意想不到的结果,以下是C语言 与 JS 的对比。 C语言1 unsigned int a = 3774191835u;2 unsigned int b = a >> 2;3 阅读全文

JSP页面间传值问题

2012-11-19 01:41 by owenyang, 219 阅读, 收藏, 编辑
摘要: JSP页面间传值问题其中最简单的要数标签里面的href来传值了,在a.jsp中写:然后在b.jsp中接收: 这种方法是比较简单,但是我也有一些问题,比如说不能动态的加载,他是在页面加载的时候值也随之附上去了,举个实例吧,我这儿有一个 初学,遇到了这个问题。记录一下。 阅读全文

Apache+PHP+PhpMyAdmin+MySql配置

2012-10-29 23:20 by owenyang, 266 阅读, 收藏, 编辑
摘要: 一、Apache LoadModule php5_module D:/ProgramFiles/WEB/php-5.2.17/php5apache2_2.dllPHPIniDir "D:/ProgramFiles/WEB/php-5.2.17"AddType application/x-httpd-php .php .phtml路径根据实际情况,设置二、PHPextension_dir = "D:/ProgramFiles/WEB/php-5.2.17/ext"三、PhpMyAdmin连接MySql1.检查php.ini ;extension=php_m 阅读全文