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

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

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

Read More –>

WAI-ARIA —— 让盲人更清楚我们的网页

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

我曾经根据网上一些流行的无障碍建议对博客进行改进,希望能方便视障人士浏览我的博客,但经过一番“改进”之后,我发现这些建议并不完全奏效,用 NVDA 实际测试后,网站的无障碍可访问性并没有得到明显提升。最近几天,我重新思考了无障碍网页的设计,最终得到一些比较有效的方法,在这里整理一下! 一. 视障人士是如何浏览网页的? 要想让盲人清楚我们的网页,首先要了解盲人是如何浏览网页。如大家熟知,视障人士是通过屏幕阅读器来感知网...

Read More –>

特征检测而不是浏览器检测!

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

正如上一篇文章所述,最近趁着有空把 jQuery 的浏览器模块抽取出来,再修改成独立简洁的一个对象 —— support,可以方便地使用 JavaScript 进行特征检测。 是的,这里要介绍的,是特征检测而不是浏览器检测! 由于 JavaScript 在不同的浏览器中存在差异,尤其是不同内核的浏览器之间的差异更是明显,因此在传统的前端开发中,在实现某些功能的过程中会判断浏览器的型号和版本,再实现一个跨浏览器的解决方...

Read More –>

Let's free of jQuery! — Part Two

分类: 评论:9 9 评论

接着上一篇《Let's free of jQuery!》,上一篇主要介绍 jQuery 中最常用的一些方法的原生解决方案,本篇则会介绍余下相对较少用到的内容。 11. form 表单序列化 在 jQuery 中,有一个 serialize() 方法,该可以通过序列化表单值,创建 URL 编码文本字符串,在 ajax 提交表单时很有用,下面介绍一下原生的方法: function formToString(formOb...

Read More –>

Let’s free of jQuery!

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

8月份时,断断续续把整个网站的 JavaScript 重写了一遍,原因很简单,自这个博客创建以来,一直都是依赖于 jQuery 库,随着 jQuery 库的愈发臃肿,以及自身对于 JavaScript 的日渐熟悉,摆脱 jQuery 的想法也越来越强烈了,于是终于在上个月,达成目标了。这里必须补充一下,Kayo 之所以想摆脱 jQuery ,原因有二: 一是因为 jQuery 的体积已经比较臃肿了,加载需时,对于移...

Read More –>

轻图床 3.0,继续用图片记录生活(1/27更新移动版)

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

前几天登陆了博客,看到有更新提示,噢!原来 WP 都 3.8 了(3.8 的新设计真的很赞!),果然我是很久没有更新博客了,虽然心里惦记,可实际是一直没有更新。 不更新的理由是什么,忙? 对的,实习,复习,考试,研究 js,重构了很多以前的作品。 为什么要重构以前的作品? 就像我一直在博客中所说的那样,一定要有所收获才更新博客,不为更新而更新。而这个 2013 可谓收货颇丰。于是,把时间都用在整理所学的知识,而整理所...

Read More –>
评论者头像

祝博友们中秋节快乐! 很久没有更新了,其实是有写文章的,其实很乱没有发布了,晚点一次过发布! ...

HTML5,CSS3 与 Javascript 制作视频播放器

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

早一段时间,有一直研究 HTML5 和 CSS3 ,自己也做了不少 Demo ,只是 HTML5 Video 和 Audio 由于自己平时比较喜欢留意不同的播放器,因此特别想做一个自己喜欢的设计,考虑到会比较花时间,所以一直没有做出完整的 Demo 。 刚好最近有灵感了,就下定决心做一个完整的视频播放器。首先放出成品: 做完这个播放器之后,感觉 HTML5 Video 提供的 API 已经很完善,考虑到一个播放器所...

Read More –>

HTML5 Page Visibility

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

HTMl5 推出了一个很“特别”的 API Page Visibility ,之所以说它特别,是因为这个 API 关注的是一个很少人留意的功能 —— 浏览器标签( tab ) 是否被激活。这里必须解释一下,这个“激活”,指的是这个标签是否正被用户浏览,或者说是否为当前标签。 那么,这个 API 究竟有些什么用途呢?通常,很多传统的页面在用户没有激活它的时候,它还会继续工作,例如,当用户正在浏览新闻门户,而他之前打开的...

Read More –>

Android 开发的几个小问题二

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

继续整理一下做 Android 开发过程中遇到的一些问题和技巧。 1. 4.0 或以上版本的 Android 不能在主线程中联网 Android 应用程序运行在一个 dalvik 虚拟机进程中,当这个进程开始的时候会启动一个主线程( MainThread ),在 Android 4.0 或以上的版本中,强制禁止在主线程执行耗时的网络操作,若需要进行网络操作,则需要另外开辟线程或使用 AsyncTask ,下面介绍的是...

Read More –>
评论者头像

碎碎念一下六月 1.大半个月在学习 Android ,由于有重构的基础,发现上手 Android 也不是很难,当然,只是上手。 2.跟舍友疯了似的打了几天网游,抢号,激活,练级,这几年都没怎么玩网游,以后,可能也不玩了! 3.最近很喜欢喝鲜榨果汁。 4.有几首很喜欢的歌,一查,词都是姚若龙写的! 5.看了 G.E.M....