LeavingMe's Tech Blog

摘要： 除了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β起，模型支持验证它们的数据和关联其他模型变的非常丰富。这些新的特性使其更易于编写的客户端应用程序代码量减少了。首先亮相，让我们来看看在模型中使用验证。本例中，我们将使用电子商务管理应用程序，其中的用户和产品模型。让我们首先定义 阅读全文