使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 按钮

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

一.Button 组件及 jQuery Mobile 如何丰富组件样式 在 jQuery Mobile 里，可以通过给任意链接添加 data-role=“button” 来产生一个 button 组件，jQuery Mobile 会追加一定的样式到链接，值得注意的是，jQuery Mobile 在给组件元素追加样式时不一定只在原有的元素上添加 CSS 和 Javascript 响应，一般还会追加一些新的元素使到组件的...

Read More –>

终于收到 Leyar 的明信片

分类： 标签：‚  评论：32 32 评论

博客是个很神奇的平台，为 Kayo 带来了不少朋友， Leyar 学姐（其实这个孩纸比我小一岁呢！）就是最早认识的朋友之一。上一年复活节的时候 Leyar 给博友们寄出了一张张的明信片，在普天满地的短信和纸质信中带来了小清新，不过 Kayo 很不幸的因为地址的原因收不到这些明信片（据说那明信片很好看呢，可惜了！），于是复活节的时候 Leyar 给我寄出了新的明信片，可是一直都没有收到，正当我发愁的时候突然就发现明信...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 基础

分类： 标签：‚ ‚ ‚  评论：17 17 评论

这篇文章是使用 jQuery Mobile 与 HTML5 开发 Web App 系列的第二篇，在本文以及接下来的数篇文章 Kayo 将会介绍 jQuery Mobile 的组件、事件响应以及可以调用的方法，而作为该系列的第一篇文章，Kayo 将会先介绍 jQuery Mobile 的基本情况和一些基础的实例。   一.jQuery Mobile 的渐进增强设计与浏览器支持 在上一篇文章中， Kayo 简单...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App ——开发原则

分类： 标签：‚ ‚ ‚  评论：40 40 评论

最近专注研究 jQuery Mobile —— 一款很方便就可以把 Web App 包装成适合 Android 与 iPhone 等触屏移动设备的 Javascript 库，结合 jQuery Mobile 与 HTML5 ，可以很方便的开发出一款具有良好界面及用户体验的 Web App，在这个过程中我收获良多，因此决定针对使用 jQuery Mobile 与 HTML5 开发 Web App 写一个系列的文章。在开...

Read More –>

HTML5 之微数据

分类： 标签：‚  评论：16 16 评论

随着 HTML5 规范的发展，一些 HTML5 的特性已经逐渐被现代浏览器支持，Kayo 最近也给网站加入一些 HTML5 的特性，比如这次要介绍的微数据。   一.什么是微数据? 首先通俗地介绍一下，微数据是在如 span、div 的标签内添加属性，让机器（如搜索引擎）识别其意义，一些特定类型的信息，例如评论、人物信息或事件都有相应的属性，用来描述其意义。   在这里再科普一下，给出谷歌关于微数...

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 –>

霸气的龙年来到了

分类： 标签：‚ ‚  评论：21 21 评论

放假近两个星期以来，Kayo 每天都是围绕着代码来生活，除了因为 Kayo 热爱 IT，还有个原因是 Kayo 最近心情不大好，因此没有什么玩的心思。昨天是年廿九，今天就是大年初一，因此我决定要让自己开心起来，于是从昨天起我就开始不碰代码了，跟家人吃年夜饭，然后回家看看各大电视台的春晚，在看春晚的同时， Kayo 给每一位曾经在 Kayo's Melody 评论过的童鞋发一封邮件，祝福童鞋们新年快乐，衷心感谢每一位在...

Read More –>

瀑布流布局与 jQuery Ajax 分页

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

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

Read More –>

轻图床的新前端与瀑布流布局

分类： 标签：‚ ‚ ‚  评论：40 40 评论

在去年12月的时候，Kayo 做的轻图床上线了，因为是第一个做的后台程序，所以大部分的时间都用于设计后台，而前台设计就相对简单， Kayo 使用了一段时间后，感觉没有“前端的味道”，于是重新做了一个新的 UI 。下面直接上图。       图片列表页（首页，排行榜，用户主页）采用流体布局，首页与用户主页还是瀑布流分页（流体布局 + 滚动触发的 Ajax 分页），本来瀑布流布局采用 M...

Read More –>

备份好你的WordPress

分类： 标签：‚ ‚  评论：17 17 评论

WordPress 承载着每位独立博客主的生活，经历，进步，可以说是每位博主的心血，可是独立博客总不免要面临着一些突发情况——自身失误操作、黑客的攻击、或是服务器崩溃，这样最杯具的结果就是博客上的心血都将失去，因此备份好 WordPress 相当重要，下面跟大家分享一下一些 WordPress 备份的方法。   WordPress 的备份主要分为两个方面——内容文件和数据库，文件的备份比较简单， wordP...

Read More –>

泄密门与密码储存

分类： 标签：‚ ‚  评论：26 26 评论

考试结束了，寒假来了，Kayo 又来了。大概是岁末的原因，最近博客圈小冷清了一段时间，现在快到春节了，大家要激动起来啊！   这次文章的主题是关于“泄密门”，知名程序员网站 CSDN 遭到黑客攻击， 600 多万个用户数据被公布在互联网上，其中包括明文保存的用户密码和邮箱。很显然，“泄密门”中亮点是“明文”二字，在这里首先科普一下：通常一个比较安全的网站会把用户注册时填写的密码使用加密算法保存，把加密后的密...

Read More –>