标签 » Ajax

使用 HTML5 History 新特性增强 Ajax 的体验

分类: 标签:‚ ‚ ‚  评论:20 20 评论

一. 场景再现 如大家熟知,Ajax 可以实现页面的无刷新操作,但会造成两个与普通页面操作(有刷新地改变页面)有着明显差别的问题—— URL 没有修改以及无法使用前进、后退按钮。例如常见的 Ajax 分页,在第一页点击第二页的链接,Ajax 分页完成后浏览器地址栏上显示的 URL 依然是第一页的 URL,使用后退按钮也无法回到第一页。url 的改变代表一个标识,在传统的网页体验中,内容的变更伴随 url 的改变,ur...

Read More –>

轻图床转移至 SAE 与优化瀑布流布局

分类: , 标签:‚ ‚ ‚  评论:42 42 评论

这两天把轻图床转移到新浪 SAE 了,原本所在的 VPS 速度太不给力了,而且常抽风,因此早就有转移的打算了,只是一直不舍 VPS 的自由,不过最近一天几抽,于是不再犹豫了,果断转移之。   转移至 SAE 后网站加载速度给力多了,稳定性也有了很大的保证!不过原本的域名没有备案,因此绑定到 SAE 后服务器线路走的是美国路线,不停的 502 ,只能使用 SAE 的二级域名。   欢迎各种围观:ht...

Read More –>

jQuery 系列笔记目录

分类: 标签:‚ ‚ ‚  评论:19 19 评论

jQuery 系列笔记积累了几篇,为方便查找,整理了一个目录。 jQuery 系列笔记之前言 jQuery 笔记之一选择器 jQuery笔记之二 DOM 操作—美化 Title jQuery笔记之三事件和动画—仿登陆效果 瀑布流布局与 jQuery Ajax 分页 jQuery Ajax 分页 WordPress 版 ...

Read More –>

jQuery Ajax 分页 WordPress 版

分类: , 标签:‚ ‚ ‚  评论:44 44 评论

在新年前 Kayo 写了一篇文章介绍瀑布流布局及通用的网站 Ajax 分页方法,现在再介绍一下针对 WordPress 的 Ajax 分页。 Ajax 分页的原理就不在这里介绍了,有兴趣的童鞋可以参考 《瀑布流布局与 jQuery Ajax 分页》,下面开始介绍 Ajax 分页 WordPress 版。 一.加载 jQuery 库 既然是 jQuery 驱动的 Ajax ,加载 jQuery 库是...

Read More –>

瀑布流布局与 jQuery Ajax 分页

分类: , 标签:‚ ‚ ‚  评论:59 59 评论

在 Kayo 的上一篇文章轻图床的新前端与瀑布流布局曾经简略介绍过瀑布流布局,所谓的瀑布流效果就正如轻图床首页效果那样,多个内容相近的栏目紧密排列,尽量使到栏目间的间隙最小(即流体布局),并且随着页面滚动条向下滚动,新的数据会追加至当前页面的尾部直到所有数据加载完毕(滚动触发的 Ajax 翻页)。本文将会介绍如何实现瀑布流布局中的 Ajax 翻页,至于如何实现栏目间的紧密排列,本文将会简略介绍但不在重要的讨论范围。 ...

Read More –>

CSS3的变形与过渡样式

分类: 标签:‚ ‚ ‚ ‚  评论:38 38 评论

作为最新版的 CSS , CSS3 就像传说中的一样,的确很神奇,配合 HTML5 后可以直接忽略 flash 了!不过杯具的是只有 chrome 、 Firefox 、 safari 等现代浏览器部分支持 CSS3 ,因此做正式站点的话还不能大规模的使用。但是在网站的某些部分使用一些CSS3却能很好的增强网页的画面效果,比如 Melody 的评论者头像就使用了 CSS3 的图片悬停动画,在不支持 CSS3 的浏览器...

Read More –>

UI设计是一个不断改进的过程

分类: 标签:‚ ‚ ‚  评论:6 6 评论

本来想写几篇详细的日志说一下最近的UI修改过程,无奈太忙了,日志只打好了开头就没时间写了,只好先写一篇小文章简略说一下。在这几天,每天都抽了些时间来改进Kayo 2011 2.0的UI,一个好的UI会带给每个浏览网站的人好的感觉,甚至是好心情,毕竟点击一个生动的按钮总比点击一个死沉沉的按钮有趣吧!于是这几天先后对UI进行改进,尤其是comments部分,几乎全部重写了代码。前几天首先想到的是加入了AJAX评论,可是w...

Read More –>