摘要:
除了Opera,目前的浏览器均已经支持系统拖放了。拖放事件1.拖动项事件dragstart; drag; dragend;点击查看Demo2. 放置目标事件dragenter; dragover; dragleave; drop;点击查看Demo一般来说,拖动项的事件总是先发生,除了 drop 事件要比 dragend 先触发。点击查看Demo默认情况下,文本框(<input/>或者<textarea/>是网页上唯一有效的放置目标),不过通过改变 dragover 和dragenter 事件的行为,可以在任何对象创建放置目标。不允许放置,点击查看Demo允许放置,点击查 阅读全文
摘要:
Google 在2008年发布了 Google Libraries API。Google 将优秀的 JavaScript 框架部署在其 CDN 上,在我们的网站上使用 Google Libraries API可以加速 JavaScript 框架的加载速度。可是由于 Google 有时会被不稳定,所以一直也不敢使用Google Libraries API。今天在 jQuery.com 的源代码中看到了非常棒的使用方法,可以避免Google Libraries API 没有正确加载时造成的影响。判断 window.jQuery 对象是否存在,不存在则使用由网站自己提供的 jQuery。 阅读全文
摘要:
拖放(Drag-and-Drop)是网页中经常出现的效果,比如:iGoogle里的gadget、QZone里的模块、cnblogs里的插入代码对话框等。咋一看对于实现该效果毫无头绪,实际上理清思路就比较好实现了。问:把大象放冰箱里分几步?答:分三步。1. 打开冰箱门;2. 把大象放进去;3. 关上冰箱门。那拖放效果分几步呢?1. 按下鼠标mousedown;2. 移动鼠标mousemove;3. 松开鼠标mouseup。一、简单实现根据上面的思路开始编码。HTML 代码:#box是拖放的对象CSS 代码:#box 绝对定位JavaScript 代码:为 box 对象绑定了 4 个事件。在鼠标按 阅读全文
摘要:
今天在微博看到了一个新东西“斑马客”,这是个啥呢?于是我分别使用 Google 和 Baidu 进行了搜索:Google 搜索结果Baidu 搜索结果通过这次搜索我大致知道了这是个移动应用,和二维码有关系。这次搜索体验不错,可以看到“斑马客”团队在SEO上所作出的努力。下面是2010年12月28日搜索的第一页结果,由于搜索结果的图片比较大,我缩小了些,黄色区域为人为添加。Google 搜索结果:黄色的区域(斑马客的微博,优酷视频斑马客演示视频,新浪分享的斑马客玩法说明,百度文库的斑马客玩法说明)百度搜索结果:黄色的区域(百度文库的斑马客玩法说明, 阅读全文
摘要:
Nicholas C. Zakas谈怎样才能成为优秀的前端工程师http://www.cn-cuckoo.com/2010/01/10/nicholas-c-zakas-talk-about-what-makes-a-good-front-end-engineer-1356.htmlNicholas C. Zakas如何面试前端工程师http://www.cn-cuckoo.com/2010/01/08/how-nicholas-c-zakas-interviewing-the-front-end-engineer-1332.html如何通过Nicholas C. Zakas的面试http:/ 阅读全文
摘要:
就像 Java 的 applet 一样,Kindle 上的程序称之为 Kindlet。http://www.hi-pda.com/forum/viewthread.php?tid=702643 阅读全文
摘要:
September 3, 2010 by Abraham EliasWe’ve been hard at work on Sencha Touch over the Summer: we’ve found and fixed a long list of bugs, and added neat new features like modal slide-ins and disclosure icons. We think we’re converging on a release candidate, which is pretty exciting fo 阅读全文
摘要:
August 23, 2010 by David Kaneda…or… A pixel is not a pixel.In my last article aboutthe benefits of SASS and CSS3, I briefly touched on a technique we use in Sencha Touch to make our interf... 阅读全文
摘要:
原文链接:http://www.sencha.com/blog/2010/10/13/sencha-touch-dev-contest-hackathon/October 13, 2010 by Michael Mullany当我们准备砍掉Sencha Touch 1.0 的候选发布版,我们开始举办一些活动,帮助人们提高开发惊喜的移动开发应用的速度。Sencha Touch App Contest上周我们公布了Sencha Touch App Contest。这是一个好的机会让你展示你的移动应用开发人才,并有可能赢得一些非常精彩奖品。比赛的一等奖奖金为10,000元现金和Mac Pro + 2 阅读全文
摘要:
原文链接:http://www.sencha.com/blog/2010/10/14/using-validations-and-associations-in-sencha-touch/October 14, 2010 by Ed SpencerSencha Touch已经有了丰富的模型层,它可以方便地处理不同类型的数据。自Sencha Touch 0.97β起,模型支持验证它们的数据和关联其他模型变的非常丰富。这些新的特性使其更易于编写的客户端应用程序代码量减少了。首先亮相,让我们来看看在模型中使用验证。本例中,我们将使用电子商务管理应用程序,其中的用户和产品模型。让我们首先定义 阅读全文