归档: 2012

2012

诗和远方

魔都沦陷

夜里十点，徐家汇终于沦陷 / 苍茫的夜空里，风早已撤退 / 上亿吨PM2.5占领了整座城市 / 他们笼罩在公路和广场上面 / 在楼宇之间缓缓挪动、盘旋 / 汽车灯光浸透在粘稠的雾里 / 昏黄的路灯如同被羽化的火团 / 霓虹灯微弱的光在朦胧中 / 被压得快要窒息，我仿佛听见 / 它急促的呼吸和沉闷的呐喊 / 港汇和美罗城黯然成了蜃楼 / 我怜悯的看了一眼这座城市 / 心中不禁暗暗后怕起来 / 在垃圾桶旁掐掉手中燃烧的烟 / 仓忙的走进地下通道 / 这里早已布满他们的哨岗 / 出口、入口和通道里面早已爆满 / 一股股PM2.5在人流里穿梭 / 川流的人们表情无比凝重 / 仿佛一场险恶的生化战已然上演 / 各种颜色和形状的口罩 / 像守卫城堡的英勇士兵 / 紧紧护卫着女人娇艳的容颜 / 地上褴褛的流浪者抬起头 / 眨了眨他布满血丝的双眼 / 干裂的嘴角露出一丝快意的笑 / 自言自语：终究有了这一天 / ...

笔记

解决iframe在iPad内不能滚动的问题

在iPad1及iPad2里面浏览含有iframe的Web页面，会出现一个很抓狂的问题，就是iframe内引用的页面内容不能上下滑动（滚动），测试了一下其他的设备，这个问题也同样出现在了Android平台的浏览器上，大部分移动设备都存在这个问题，我估计开发商的初衷是为了方便用户浏览页面，而使iframe的宽度和高度自动匹配其内容尺寸，但是对于iframe内的touch事件却支持不完善，因此出现了if

项目

实验性项目IMIS系统（类WebQQ）

去年(2011年)还在波特集团深圳总部上班的时候，负责研究过公司集成管理信息系统(IMIS)的交互和用户体验，今天决定写下来，平时忙于工作，很少抽时间写这些东西，从现在开始，抽时间好好整理一下，当是总结吧！IMIS管理系统有点类似腾讯的WebQQ，这里是一个简单的原型：http://blog.luozhihua.com/imis/desktop/login.html，有兴趣的朋友可以看看。 原来的

笔记

10款不错的HTML5开发辅助工具

HTML5发展如火如荼，随着各大浏览器对HTML5技术支持的不断完善以及HTML5技术的不断成熟，未来HTML5必将改变我们创建Web应用程序的方式。今天这篇文章向大家推荐10款优秀的HTML5开发工具，帮助你更高效的编写HTML5应用。 1.Initializr Initializr是制作HTML5网站最好的入门辅助工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr会

笔记

HTML5 performance API 草案.

支持浏览器**: IE9+,Chrome11+,Firefox7+.** 宿主对象window.performance.参考资料:http://msdn.microsoft.com/zh-cn/office/ff975118参考w3c的标准草案:http://w3c-test.org/webperf/specs/NavigationTiming/ 目前，IE9+和 chrome11+，Firefo

笔记

工作笔记/2012-06

IE系支持HTML5标签 2012-06-29： 12345678910<!--[if IE]--><script>(function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,foot

诗和远方

天地荒老

行星与恒星是场相约 / 那时只见熔岩倾注 / 火光划过漫天星际 / 眼前一片薄白 / 我站在天崩地裂之间 / 任由灰烬纷飞 / 刹那间天地寂静 / 听不见一丝声响 / 失去重力的尘土和磐石 / 腾空而起飞速飘离 / 天地荒老那一刻 / 我才知道红尘未了 / 岁月难忘 / 那无尽的苍穹与星云之间 / 是繁华散尽的墓地 / 埋葬着至死不渝的欲望 / 所有的绚丽斑斓 / 是变幻莫测的理想 / 在白天和黑夜之间 / 如陨石般燃尽 / 消蚀于黑洞之中 / ...

笔记

工作笔记（2012）

鼠标滚动 2012-12-22：#function handleMouseWheel (e) { if (!e) e = window.event; if (e.wheelDelta <= 0 || e.detail > 0) {document.getElementById('t').innerHTML='滚轮向下滚?'} else {docu

技术

Web多点触控开发

前言# 诸如智能手机和平板电脑一类的移动设备通常会有一个电容式触摸屏（capacitive touch-sensitive screen），以捕捉用户的手指所做的交互。随着移动网络的发展，其能够支持越来越复杂的应用，web开发者需要一种方法来处理这些事件。例如，几乎所 有的快节奏游戏都需要玩家一次按下多个按钮，这种方式，在触摸屏情况下，意味着多点触摸。 Apple在iOS 2.0中引入了触摸事件A

技术

深入了解iPad上的MouseEvent

iPad上没有鼠标，所以手指在触发触摸事件（TouchEvent）的时候，系统也会产生出模拟的鼠标事件（MouseEvent）。 这对于普通网页的浏览需求而言，基本可以做到与PC端浏览器无明显差异。但是如果你正在做一款与用户有着强交互的WebAPP程序，比如一个html5小游戏或者图片处理工具什么的，那么依赖默认模拟恐怕不能满足产品的需求。 一个通常的建议是：在iPad上(或者说各个移动终端上)，