分类 » 前端开发

CSS3 之 RGBa 可透明颜色

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

在 CSS3 中,增加了一个 opacity 属性,允许开发者设置元素的透明度,现在 opacity 已被主流的现代浏览器支持,但 opacity 会把被设置的元素及其子元素同时设置为同一个透明度,这样的透明规则相当不灵活,在实际开发中往往也是会遇到很多麻烦。其实,在 CSS3 中还有另外一套颜色透明解决方案 —— RGBa 。相对于 opacity ,RGBa 可以在单个元素上设置透明度,而不影响其子元素,只是 R...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— HTML5 对 Web App 的影响

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

在本系列文章的开头,Kayo 曾经介绍过 Web App 的优缺点,并且说明了 HTML5 在其中起的作用,当然,Web Apps 的发展需要 HTML5 , CSS 与 JavaScript 以及后台技术的共同配合,但 HTML5 无疑为 Web Apps 发展中一些重要的方面带来主要贡献。本文要阐述的,正是 HTML5 为 Web Apps 带来的各种影响,或者说,HTML5 究竟为 Web Apps 开发带来了...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— HTML5 Web Workers

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

本文要介绍的是 HTML5 的 Web Workers 特性,它解决了 JavaScript 开发中一个重大的问题 —— 在后台运行 JavaScript 。与本系列前两篇文章介绍的特性相似,Web Wordkers 似乎也是为了 Web Apps 而设计的,可以想象,Web Apps 乃至原生 Apps 受移动设备性能的限制比在桌面环境中要大很多,尽管现在的移动设备性能已经不断的提高,这对于发展 Web Apps ...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— HTML5 离线缓存

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

本文要介绍的,是 HTML5 离线网络应用程序的特性,离线网络应用程序在 W3C 中的实际名称是 "Offline Web applications" ,也称离线缓存。当用户打开浏览器时,浏览器会将一个列表中指定的资源都下载并储存在本地。下次当用户再访问这个网络程序时,浏览器会自动引用本地缓存中相应的文件,而不会再从网络下载这些资源。不管离线网络应用程序是否专为 Web Apps 而设,但这对于 Web Apps 来...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— HTML5 Web Storage

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

绝大多数的软件都需要使用某种具有持久性的方式来存储数据,Web Apps 也不例外,涉及到完整后台的 Web Apps ,可以直接在后台使用 mysql 等数据库来存储数据,但过多的 sql 查询会影响服务器性能,甚至是整个 App 的性能。因此,一些简单有效的存储方式对与 Web Apps 显得很重要,Web Storage 似乎正是为此而设计。下面开始正式介绍 Web Storage 。 一. Web Stora...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 与响应式

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

jQuery Mobile 在刚推出的时候,曾经宣传了几个重要的特点,除了 Kayo 在本系列文章中多次介绍的“触摸屏优化”外,另外一个最直接的特点就是“响应式设计”,关于响应式设计,Kayo 已经写了不少相关的文章进行说明,而本文要介绍的,是 jQuery Mobile 中为响应式设计作出的优化和工具。 在 jQuery Mobile 测试版本的文档中,有一个栏目名为“Responsive Layout Helpe...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 方法下

分类: 标签:‚ ‚ 

本文承接上文《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 方法上》,继续说明 jQuery Mobile 的方法,这部分内容主要与页面 URL 解析相关,除此之外还有其他一些实用方法。 以下两个方法在 jQuery Mobile 1.1 中不赞成使用 八. $.mobile.fixedToolbars.show() 固定工具栏(包括固定的头部栏和尾部栏)可...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 方法上

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

本篇介绍的,是 jQuery Mobile 的方法。对比于 jQuery 方法可以实现 DOM 遍历,动画,Ajax 等各种丰富的操作,jQuery Mobile 的方法更像是 jQuery Mobile 的配置方案,它的主要功能是调整 jQuery Mobile 的效果或运行方式,尤其是页面加载和解析 URL 的部分,而 jQuery Mobile 方法基本都会在 jQuery Mobile 的默认执行中被内部调用...

Read More –>

如何使用 Smart Design 子主题功能

分类: , 评论:3 3 评论

WordPress 从 3.4 版本开始,引入了子主题的功能,方便有开发经验的用户进行主题自定义修改。 启用子主题的步骤 1. 成功安装并启用 Smart Design 主题 2. 下载后安装 Smart Design 子主题并启用 3. 对子主题内的 style.css 和 functions.php 文件进行编辑,修改主题样式和添加功能 使用备注 子主题引用父主题的所有模板文件,因此具有父主题的所有样式和功...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 页面事件与 deferred

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

在系列的上一篇文章《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解》中,Kayo 介绍了除页面事件外的其他 jQuery Mobile 事件,而页面事件由于事件数较多,并且涉及 jQuery 中一个比较复杂的对象 deferred ,因此在本文中单独说明。jQuery Mobile 页面事件使用分为页面加载事件 (Page load events),...

Read More –>

详说 IE hasLayout

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

在两篇文章中,Kayo 对 hasLayout 的概念作了简略的介绍,并把它与 BFC 相提而论。虽然 hasLayout 有很多缺陷,但作为 IE 渲染引擎的重要组成部分,它在网页重构中依然具有很重要的位置,所以 Kayo 会在本文中对它作详细的介绍。 一.hasLayout 是什么? hasLayout 与 BFC 有很多相似之处,但 hasLayout 的概念会更容易理解。在 Internet Explorer...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解

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

在前文《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础》中,Kayo 对 jQuery Mobile 事件的基础作出了一些说明,建议在阅读本文前首先阅读前文,这里 Kayo 再引用前文的重要内容。 “jQuery Mobile 在基于本地事件上,创建了一系列的自定义事件,大部分事件是基于触摸设备的使用情况开发的,当然这些事件对于桌面环境也会...

Read More –>