摘要: 昨天我们剖析了一下翻阅体验的实现。今天要剖析另外一个很有意思的效果——视频拼图。网站中第一部分第二页《月熊的标志》是月熊志中互动性较强的一页,页面上会随机分布9块视频碎片,用户可以通过鼠标或者触控移动碎片完成拼图。在这个Demo中,我们需要引用2个JavaScript库,jQuery和Hammer.js。Hammer.js 是一个手势触控JS库,能够为网页加入Tap、Swipe、Drag等事件,并且同时支持鼠标和触控输入,免去自己监听事件和判断浏览器兼容等问题。建立九宫格首先,我们在页面中建立一个九宫格: 1 HTML: 2 3 4 … 5 6 7 8 CSS... 阅读全文
posted @ 2013-12-31 18:38 微微一记 阅读(1310) 评论(3) 推荐(2) 编辑
摘要: 最近坐地铁发现“亚洲动物基金”在地铁上做了很多公益广告,比较吸引人的是一个月熊的广告。做的很可爱。回去就搜了一下,发现这个网站是HTML5做的,非常炫。所以想学习一下,方法就是传统的学习办法,模仿、剖析,看看人家是怎么做的。这个网站提供的是了一个沉浸式的翻阅体验,用户可以在页面切换时体验到真实的3D翻书效果,非常的酷炫。而要实现这个效果,需要用到CSS3 3D transform和JavaScript,同时为了实现跨浏览器和跨设备的统一体验,用到hammer.js库去处理滑动操作。就是下面这个样子的,非常漂亮:示例效果:查看代码发现,网页的结构十分简单,整个杂志是一个ID为magazine的d 阅读全文
posted @ 2013-12-30 17:42 微微一记 阅读(1446) 评论(5) 推荐(3) 编辑
摘要: 名称说明Add将两个值相加并将结果推送到计算堆栈上。Add.Ovf将两个整数相加,执行溢出检查,并且将结果推送到计算堆栈上。Add.Ovf.Un将两个无符号整数值相加,执行溢出检查,并且将结果推送到计算堆栈上。And计算两个值的按位“与”并将结果推送到计算堆栈上。Arglist返回指向当前方法的参数列表的非托管指针。Beq如果两个值相等,则将控制转移到目标指令。Beq.S如果两个值相等,则将控制转移到目标指令(短格式)。Bge如果第一个值大于或等于第二个值,则将控制转移到目标指令。Bge.S如果第一个值大于或等于第二个值,则将控制转移到目标指令(短格式)。Bge.Un当比较无符号整数值或不可排 阅读全文
posted @ 2013-10-15 11:25 微微一记 阅读(685) 评论(0) 推荐(0) 编辑
摘要: 我记得我刚入行的头两年,项目组中采用的工作模式就是单兵作战的模式,来一个项目划分一下模块,然后各自想各自的办法,去实现。这种模式在软件工程里我不知道叫什么,可能就是传统的瀑布式吧。那个时候,我遇到了问题之后,一开始都是手忙脚乱。慢慢的,借助百度和开源社区,我找到一些自己办法,想分享给大家。拿一个具体的例子来说我们做的是winfrom的项目,程序因为是一些工作2年左右CODER完成的,所以bug很多,程序经常崩溃。所以需要一个异常处理模块。这个异常处理模块,提出的需求有:1、在程序崩溃的第一时间,要能捕获异常。业务应用程序的崩溃,不能影响异常捕获程序。2、通过短信、邮件,及时报告异常。这件非常具 阅读全文
posted @ 2013-07-03 15:28 微微一记 阅读(2762) 评论(5) 推荐(4) 编辑
摘要: 兼顾性能和兼容体验:HTML5时代的浏览器全面测试 导言:自1981年IBM推出第一台PC以来,桌面电脑以及随后不断涌现的笔记本、平板以及智能手机等设备越来越普及,而近20年来互联网的出现和高速发展,则让浏览器成为这些设备上使用率最高的应用程序之一。 蒂姆·伯纳斯-李(Tim Berners-Lee)作为首位使用超文本来分享资讯的人,于1990年在欧洲粒子物理实验室里开发出首个网页浏览器WorldWideWeb。1991年3月,蒂姆·伯纳斯-李将这项发明介绍给了给他在CERN工作的朋友。从那时起,浏览器就和互联网的发展绑定在了一起。随着网页语言、硬件性能的进步,浏览器所承担 阅读全文
posted @ 2012-11-20 14:44 微微一记 阅读(1475) 评论(2) 推荐(1) 编辑
摘要: IE9 发布会。在798(北京),3月21日(周一),园子里的兄弟友情赠票啦。会有很多做web的牛人,到时候亲临会场...应该还会有小礼品赠送,和抽奖活动。想去的联系我。 阅读全文
posted @ 2011-03-09 10:21 微微一记 阅读(443) 评论(7) 推荐(0) 编辑
摘要: 各位,lenovo 的CTO门事件,想必大家多少都清楚一些了。花80多块,就得一个win7,多么好的事。表面看是这样的,没错。如果你用的确实是thinkpad cto系列的机器,也无可厚非,因为这是正版。但,如果你用的是非thinkpad & cto 型号的nb,却用上了这个渠道流通来的、所谓的正版win7。结果是什么呢?就是ms可以随时封杀这个key,只要他哪天高兴,验证了副本,并认为你... 阅读全文
posted @ 2009-11-23 16:49 微微一记 阅读(2427) 评论(8) 推荐(2) 编辑
摘要: 只需在谷歌搜索URL中加入不同的参数,即可对网络过去1分钟、甚至1秒钟的内容进行搜索。在谷歌于5月份推出的“搜索选项”中,有一个根据时间来限制搜索结果的功能,用户可以根据默认的“任何时间”、“去年”、“上周”、“最近”或 者“过去24小时”进行搜索,但是,... 阅读全文
posted @ 2009-09-14 13:40 微微一记 阅读(524) 评论(3) 推荐(0) 编辑
摘要: 我今天也去了Winhec凑热闹,上午没啥,几个微软的大佬讲了讲话,然后围着场子开始盖章,准备领U盘。盖章的过程中,就差华为的章,一问才知道,人家吃饭去了,围着人N多等,其中有TerryLee老大.....不知他最后领到U盘没。 阅读全文
posted @ 2008-12-04 01:09 微微一记 阅读(6961) 评论(25) 推荐(0) 编辑
摘要: 约束与索引 阅读全文
posted @ 2007-03-03 17:53 微微一记 阅读(1138) 评论(1) 推荐(0) 编辑