在触摸设备上比较触摸事件与点击事件

在触摸设备上,touch事件从手指刚碰到屏幕就会触发,而click事件则要晚一会儿才被触发。触发顺序如下:

  1. touchstart
  2. mouseover
  3. mousemove(一次)
  4. mousedown
  5. mouseup
  6. click
  7. touchend

所以,如果想提升web在触摸设备下的用户体验,让用户觉得响应非常迅速,应该对页面的触摸事件进行事件处理程序的注册,而不应再关注click事件。

Read More

Share

一个自定制的弹出-确认框插件

这里记录几段开发一个要求输入6位PIN码、验证输入有效性、返回该PIN码的弹出确认框的代码。也提供了纯JS插件开发的一种范式(凭自己的感觉与目前对JS的理解来做的)。也许有不足之处,仅供参考。

设计时对自己提的要求有:

  1. 不依赖任何JS库,使用纯JS。
  2. 不使用样式表。虽然不是好习惯,但是对于小插件,只引用一个脚本便得到想要的效果,足矣。
  3. 保留一定的跨浏览器能力。

Read More

Share

《星际穿越》观感

《超时空接触》剧照

###Interstellar
今天看了诺兰的最新大作:Interstellar《星际穿越》,激动与恐惧并生。长达170分钟的电影,讲述了一个波澜壮阔的故事。这是一部科幻片,但没有那些炫目的“隔空触控操作”,而是各种实体的按钮与仪表盘;没有巨大的星际飞船和银河舰队,有的只是一个驾驶员、两个机器人和几个科学家;这里没有异形也没有奇形怪状的外星人,只有土星虫洞黑洞等这些实际存在或者极可能存在的天体。除了星际旅行中的人体无损休眠技术讲不清楚,其他的,都是人类当前触手可及的科技——地球人类熟悉的四维世界,在黑洞中的奇点附近存在的五维世界里向四维世界的女儿交流(穿越时空的交流),是在适当的物理假定下的合理演绎:引力是唯一可以在四维世界与五维世界见传递的作用力,但五维世界里的作用很强的引力波向四维世界的投影后会显得微弱而表现为时常出现的重力异常,例如只能让秒针轻微摆动,男主角奋力地捶打书架也只能让几本书落到地上。

Read More

Share

简析Ajax GET与POST区别

Ajax的get方法与post方法之间存在着形式、性能上的诸多不同。是前端工程师笔试或面试中常见的题目。考察的知识很基础。在二者中选择哪一个,也是实际开发中经常用到、需要考虑的问题。

Read More

Share

毕业工作三个月小结

2014年7月23日来单位报到,至今3月有余。有所感,亦有一己之粗略规划,简记如下。

Read More

Share

前端页面国际化解决方案小记

###方案1:jquery-lang.js
jquery-lang.js项目的地址为: https://github.com/coolbloke1324/jquery-lang-js

Read More

Share

用gruntJS压缩合并脚本和样式小记

记录自己使用GruntJS对脚本、样式表进行合并及压缩的经验与心得体会。

Read More

Share

Hello, hexo

今天把博客从Octopress迁移到了Hexo之下。博客的生成速度从此就跟飞一样了。Ruby这么慢的东西,实在不能用来编译博客。

撒花庆祝!!!

Read More

Share

谈一谈网站图片压缩

公司前段时间更换登录页面的背景图。然后研究了一下相关的问题,包括PS切图、图片格式以及响应式布局三方面。

PS切图:

除了风光背景图,像logo、登陆框组的背景这样的都应该单独切出来,保存为PNG格式。logo应该放在一张sprite图中。

图片格式

风光背景图,之前的project里面用的是PNG格式,我没有多想,也采用了PNG格式,不过使用了PNG-8,体积是原体积一半(1MB多一点)。对这么大的背景图,我感觉有点不对劲,但是由于之前也没有经验,一下子也没搞清楚哪里不对劲。

Read More

Share

踝关节韧带撕裂后的处理与相关机理的学习

嗯,记录一下自己受伤与康复的经历,以警后人。

Read More

Share