使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 页面事件与 deferred
在系列的上一篇文章《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解》中，Kayo 介绍了除页面事件外的其他 jQuery Mobile 事件，而页面事件由于事件数较多，并且涉及 jQuery 中一个比较复杂的对象 deferred ，因此在本文中单独说明。jQuery Mobile 页面事件使用分为页面加载事件 (Page load...
View Article使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 方法上
本篇介绍的，是 jQuery Mobile 的方法。对比于 jQuery 方法可以实现 DOM 遍历，动画，Ajax 等各种丰富的操作，jQuery Mobile 的方法更像是 jQuery Mobile 的配置方案，它的主要功能是调整 jQuery Mobile 的效果或运行方式，尤其是页面加载和解析 URL 的部分，而 jQuery Mobile 方法基本都会在 jQuery Mobile...
View Article使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 方法下
本文承接上文《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 方法上》，继续说明 jQuery Mobile 的方法，这部分内容主要与页面 URL 解析相关，除此之外还有其他一些实用方法。 以下两个方法在 jQuery Mobile 1.1 中不赞成使用 八. $.mobile.fixedToolbars.show()...
View Article使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 与响应式
jQuery Mobile 在刚推出的时候，曾经宣传了几个重要的特点，除了 Kayo 在本系列文章中多次介绍的“触摸屏优化”外，另外一个最直接的特点就是“响应式设计”，关于响应式设计，Kayo 已经写了不少相关的文章进行说明，而本文要介绍的，是 jQuery Mobile 中为响应式设计作出的优化和工具。 在 jQuery Mobile 测试版本的文档中，有一个栏目名为“Responsive...
View Article两道 JavaScript 题目
偶遇两道 JavaScript 题目，觉得都比较有趣，分享一下。 第一道是很老的题目了，getElementsByClassName，写一下当作练习： 下面这个思路比较简单，基本也是 Robert Nyman 的思路了，判断了 IE5 中使用原生的 all 属性代替其不支持的 getElementsByTagName ，使用 indexOf 判断相应的 class 是否匹配。 function...
View ArticleHTML5 Page Visibility
HTMl5 推出了一个很“特别”的 API Page Visibility ，之所以说它特别，是因为这个 API 关注的是一个很少人留意的功能 —— 浏览器标签( tab ) 是否被激活。这里必须解释一下，这个“激活”，指的是这个标签是否正被用户浏览，或者说是否为当前标签。 那么，这个 API...
View ArticleLet’s free of jQuery!
8月份时，断断续续把整个网站的 JavaScript 重写了一遍，原因很简单，自这个博客创建以来，一直都是依赖于 jQuery 库，随着 jQuery 库的愈发臃肿，以及自身对于 JavaScript 的日渐熟悉，摆脱 jQuery 的想法也越来越强烈了，于是终于在上个月，达成目标了。这里必须补充一下，Kayo 之所以想摆脱 jQuery ，原因有二： 一是因为 jQuery...
View Article特征检测而不是浏览器检测！
正如上一篇文章所述，最近趁着有空把 jQuery 的浏览器模块抽取出来，再修改成独立简洁的一个对象 —— support，可以方便地使用 JavaScript 进行特征检测。 是的，这里要介绍的，是特征检测而不是浏览器检测！ 由于 JavaScript...
View ArticleLet’s free of jQuery! — Part Two
接着上一篇《Let's free of jQuery!》，上一篇主要介绍 jQuery 中最常用的一些方法的原生解决方案，本篇则会介绍余下相对较少用到的内容。 11. form 表单序列化 在 jQuery 中，有一个 serialize() 方法，该可以通过序列化表单值，创建 URL 编码文本字符串，在 ajax 提交表单时很有用，下面介绍一下原生的方法： function...
View ArticleClik here to view.
JavaScript 自定义事件
JavaScript 自定义事件就是有别于如 click, submit 等标准事件的自行定制的事件，在叙述自定义事件有何好处之前，先来看一个自定义事件的例子： <div id="testBox"></div> // 创建事件 var evt = document.createEvent('Event'); // 定义事件类型...
View Article
