skyoo61

导航

统计

2012年3月20日 #

[置顶] Heatmap,热图的应用和相关技术

摘要:Heatmap热图,可以非常直观的呈现一些原本不易理解或表达的数据,比如密度、频率、温度等,改用区域和颜色这种更容易被人理解的方式来呈现。热图实际上是三维可视化的俯瞰效果。(颜色代表一个维度)。我们对热图并不陌生,教科书里、天气预报里的气温地图是最典型的案例。在用户体验制胜的微创新时代,热图在互联网用户行为分析上的应用也越来越被重视。常见的应用有:鼠标点击热图:演示地址 http://js.clicki.cn/#/clicki/heatmap 热图应用屏幕滚动热图(scroll map):眼动/注意力热图(Attention heatmap):用户地区热图热图的优缺点:优点:1. 与实景结合, 阅读全文

posted @ 2012-03-20 14:34 skyoo61 阅读 (4688) 评论 (1) 编辑

2012年5月12日 #

为IT程序员量身定制的12个目标 -- 程序员必看

正文内容加载中...

posted @ 2012-05-12 03:16 skyoo61 阅读 (1292) 评论 (0) 编辑

2012年4月9日 #

Web UI测试的好帮手 - Selenium

摘要:一般Web UI怎么测试它们运行是不是正确呢?例如说按下某个按钮后,是不是跑出我们预期的结果?答案其实很简单,找几个人来试就可以了。的确大部分的Web应用程序开发团队如果不是工程师自己测试UI,就是让实习生或者让负责这个程序的策划来测试。但大家也都明白,这样的测试真的是非常花时间,所以大部分的测试都是只做到70%或者80%就交给客户了。而如果今天在策划里又加入了新功能,不确定会不会影响现在系统的执行,或者是想对系统程序进行重构的话,我们都必须再一次开启浏览器来验证原有的功能是否还是正确执行。假设页面操作的步骤很繁锁时,那么这样的测试可能就会要了测试人员的小命。其实如果可以让UI测试这件事自动化 阅读全文

posted @ 2012-04-09 18:56 skyoo61 阅读 (2232) 评论 (1) 编辑

2012年4月8日 #

简明 Vim 练级攻略

摘要:下图是几个经典的文本编辑器的学习曲线,不排除其中有调侃和幽默的味道。vim的学习曲线相当的大(参看各种文本编辑器的学习曲线),所以,如果你一开始看到的是一大堆VIM的命令分类,你一定会对这个编辑器失去兴趣的。下面的文章翻译自《Learn Vim Progressively》,我觉得这是给新手最好的VIM的升级教程了,没有列举所有的命令,只是列举了那些最有用的命令。非常不错。——————————正文开始——————————你想以最快的速度学习人类史上最好的文本编辑器VIM吗?你先得懂得如何在VIM幸存下来,然后一点一点地学习各种戏法。Vim the Six Billion Dollar edit 阅读全文

posted @ 2012-04-08 23:59 skyoo61 阅读 (1977) 评论 (3) 编辑

字体图形化设计小谈

摘要:当你在做设计的时候碰到一个标题,你会怎么做? 哦?不用你做?因为你是一个程序员?错,很多程序猿都不只是扣腚。翻字库?一遍一遍试各种字体?来看看大湿都是怎么做的吧。文字是一种记录与传达语言的符 号,它的产生是人类文明进步的一种重要标志。随着图形化时代的来临,文字与图形的关系在设计领域尤其是平面设计当中,起着举足轻重的作用。针对目前国际平 面设计界以文字为主体元素的设计,本文以平面设计中文字的图形化表现为切入点,对文字图形化的表现形式和表现手法以及在平面设计的应用进行探讨性分析,希 望挖掘出文字与图形化设计的更多表现形式。美国设计家保罗·兰德说:“好的设计字体是信息与灵感,昨天与今天,现 阅读全文

posted @ 2012-04-08 15:58 skyoo61 阅读 (1488) 评论 (4) 编辑

2012年4月7日 #

Redis内存使用优化与存储

摘要:Redis常用数据类型Redis最为常用的数据类型主要有以下五种:StringHashListSetSorted set在具体描述这几种数据类型之前,我们先通过一张图了解下Redis内部内存管理中是如何描述这些不同数据类型的:首先Redis内部使用一个redisObject对象来表示所有的key和value,redisObject最主要的信息如上图所示:type代表一个value对象具体是何种数据类型,encoding是不同数据类型在redis内部的存储方式,比如:type=string代表value存储的是一个普通字符串,那么对应的encoding可以是raw或者是int,如果是int则代表 阅读全文

posted @ 2012-04-07 16:25 skyoo61 阅读 (941) 评论 (0) 编辑

2012年4月6日 #

Jquery选择器图解

摘要:Jquery中的选择器主要分为基本选择器、层次选择器、过滤选择器、表单选择器四种。下面主要用图的实行来逐个介绍每一种选择器所包含的内容:1.基本选择器:与CSS选择器类似,Jquery的基本选择器也包括id选择器、类选择器、标签选择器、群组选择器、通配选择器。不同的是CSS选择器是给匹配的元素添加样式,而Jquery选择器是给匹配的元素添加行为。2.层次选择器:层次选择器包括:后代选择器、子元素选择器、相邻元素选择器、兄弟元素选择器。其中前两种选择器用的比较多,因为在Jquery中有更加简单的方法(next()方法和nextAll()方法)来替代后两种选择器所有后两种选择器用的相对很少。3.表 阅读全文

posted @ 2012-04-06 23:14 skyoo61 阅读 (2714) 评论 (9) 编辑

2012年4月1日 #

NodeJS Socket.io

摘要:为什么需要socket.io? node.js提供了高效的服务端运行环境,但是由于浏览器端对HTML5的支持不一,为了兼容所有浏览器,提供卓越的实时的用户体验,并且为程序员提供客户端与服务端一致的编程体验,于是socket.io诞生。 socket.io设计的目标是支持任何的浏览器,任何Mobile设备。目前支持主流的PC浏览器 (IE,Safari,Chrome,Firefox,Opera等),Mobile浏览器(iphone Safari/ipad Safari/android WebKit/WebOS WebKit等)。socket.io基于node.js并简化了WebSocket AP 阅读全文

posted @ 2012-04-01 01:09 skyoo61 阅读 (28924) 评论 (8) 编辑

2012年3月28日 #

MySQL启动脚本改装,支持多配置文件

摘要:相信很多童鞋都不止维护一个MySQL实例,MySQL自带的启动脚本不太好使,所以改装了一下,把指定的配置文件名传入即可使用示例:Usage: mysqld {start|stop|restart|reload|force-reload|status} [ config name. "my.cnf" example "my" (default my) ] [ MySQL server options ]/etc/init.d/mysqld start my_3307/etc/init.d/mysqld stop my_3307只要把mysql的配置文件名作 阅读全文

posted @ 2012-03-28 16:42 skyoo61 阅读 (3049) 评论 (0) 编辑

使用 JSONP 实现跨域通信

摘要:简介Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mashup 的驱动力,它可将来自多个地方的内容集成为单一 Web 应用程序。不过,由于受到浏览器的限制,该方法不允许跨域通信。如果尝试从不同的域请求数据,会出现安全错误。如果能控制数 据驻留的远程服务器并且 阅读全文

posted @ 2012-03-28 01:34 skyoo61 阅读 (2333) 评论 (4) 编辑

2012年3月26日 #

可见即可得的编程

摘要:曾经作为一个图形编程者,哥有过很多埋头苦编不见天日的时光。有时在最初可视化原始数据的草图的时候,往往也没有很好的交互菜单,很多的设置都是写死在源 代码里的。这样的好处是一开始能够快速出结果,坏处是一旦需要改变设置的时候,又要重新修改代码,重新编译代码,重新运行程序才能看到结果的变化。一个设 计完善成熟的交互菜单的确可以覆盖很多需要调整的参数,但是太复杂的菜单也让新手无从下手。那么,能不能让可视化编程也像我们在Word或者 Powerpoint上写文档一样,可见即可得并且随时无间断更新呢?哥最近看到了网路上Bret Victor很 火的演讲,那真是让人眼前一亮。其中很华丽的几个演示都是可视化编程 阅读全文

posted @ 2012-03-26 22:49 skyoo61 阅读 (3260) 评论 (6) 编辑