用 JavaScript 实现 jQuery 显示与隐藏动画

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

在 jQuery 中有 show(), hide(), slideDown(), slideUp() 等方法,能够以动画的形式显示或隐藏 DOM 元素。这一类的动画在页面交互中比较常用,这也是 jQuery 方便开发的地方之一,但如果只想使用这些动画效果而加载整个 jQuery 库那就有点浪费资源了,于是最近在折腾 JavaScript 的 Kayo 便尝试用原生的 JavaScript 实现这一类 jQuery 动...

Read More –>

简述 PHP 面向对象开发

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

前段时间, Kayo 用面向对象的 PHP 开发了轻图床的移动版,因为 Kayo 刚接触编程时是从完全面向过程的 C 开始,几年下来面向过程的编程观念已经很牢固,最近想开始使用面向对象的方式编程,于是就从原本比较熟悉的 PHP 开始。   与大多数可以面向对象的编程语言不一样, PHP 是同时支持面向过程和面向对象的编程方式, PHP 开发者可以在面向过程和面向对象二者中自由选择其一或是混合使用,不过由于在...

Read More –>

关于 CSS Reset

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

看看上一篇文章,竟然是半个月前的了,看了一下谷歌分析,在 Kayo 没有更新的半个月里,来看 Kayo 的童鞋竟然还在增多,对不起那些童鞋了,最近不明不白就开始忙起来了,关键是在南方忽冷忽热的天气折腾下, Kayo 感冒了,天气反复,所以博友们也要保重啊!   现在一切回复正常,继续回到博客生活中了,今天想介绍一下 CSS reset ,最近帮朋友解决一些 CSS 方面的问题,弄了好久仍然无果,几乎什么办法...

Read More –>

试用 Window 8 消费者预览版

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

在2月29日,微软发布了 Window 8 的消费者预览版,虽然这个版本的 Window 8 中仍带有预览版字样,不过这只是微软的新命名方式,实际上这已经是 Windows8 的 Beta 版了,在 Win8 公布开发者预览版的时候, Kayo 就被 Window 8 的 Metro 风格吸引了,要知道, Kayo 可是个简洁控,不过开发者预览版始终 Bug 太多,因此决定推出 Beta 时才试用 Window 8。...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 表单下

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

在上文《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 表单上》中, Kayo 介绍了一部分 jQuery Mobile 表单组件,接下来将会继续介绍余下的组件以及相关的技巧。   6.选择列表 选择列表是基于 HTML select 元素的,具有原生菜单和自定义菜单两种形式,原生菜单与自定义菜单都有一个样式美化了的选择按钮,不同的是在自定义菜单中原...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 表单上

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

一.表单组件基础 1.组件简介 jQuery Mobile 中的表单组件是基于标准 HTML ,然后在此基础上增强样式,因此即使浏览器不支持 jQuery Mobile 表单仍可正常使用。需要注意的是, jQuery Mobile 会把表单元素增强为触摸设备很容易使用的形式,因此对于 iphone/ipad 与 Android 使用 Web 表单将会变得非常方便。 jQuery Mobile 的表单组件有以下几种:...

Read More –>

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

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

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

Read More –>

终于收到 Leyar 的明信片

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

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

Read More –>

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

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

这篇文章是使用 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 之微数据

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

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

Read More –>