在 XHTML 代码标签(如 DIV 等)的类 class 中包含多个值时如果以 tab 跳格符分隔虽然在 css 中可以被正确识别但将可能导致 jQuery 的选择器失效。发现这个问题是在制作 Drupal 的节点模板中根据条件为 div 添加额外的 class 时发现的。 - 阅读全文 -
jQuery
jQuery 是一款免费且开放源代码的 JavaScript 代码库,由 John Resig 创建授权协议为 GPL 和 MIT 许可证双协议。
其官方网站的一句 “Write Less Do More” 精辟的描述了 jQuery 存在的巨大价值及其特性。
在 jQuery 1.3 版中,引入了全新的 CSS 选择器引擎 Sizzle 同时不再提供 Packed 版本,因为解压缩消耗的时间,远大于所节省的下载时间,且不利于 Debug 另外已有Google AJAX Libraries API 等公开站台提供 jQuery 的 js 的引用服务,故 Packed 版本原本的优点已荡然无存。
用的越多越发现 jQueryTools 是一个非常不错的 jQuery 附加库,如同其官方网站所描述的 “The missing UI library for the Web” 仅仅整合了网站前端中常用的一些功能,于是忍不住想拿来替换掉本站 anyLiv.com 目前使用的 jQuery + swfObject + LightBox 形式的库,这样将大大利于未来扩展一些功能及应用。下面将提供一些代码帮助给主题模板添加 jQueryTools 支持。 - 阅读全文 -
【jQuery】如何去掉点击链接或图片时的虚线框
在浏览器中点击一个链接的时候会出现一个虚线框,通常情况页面会跳转我们不必在意,但如果仅仅为了触发一些动作如 AJAX 又或者被点击的是非矩形图片,那这个虚线框就有些影响视觉效果了,这里介绍一个小技巧,使用 jQuery 来方便的去掉链接或图片链接及按钮在被点击时候出现的虚线框,具体代码如下。 - 阅读全文 -
既然 W3C 严格标准将 target=”_blank” 属性剔除,原因是 W3C 认为未经用户同意就打开新窗口是一种不礼貌的行为,容易破坏用户体验。那么问题来了,如何能即符合 W3C 严格标准又能使页面在新窗口打开呢?按 W3C 的意思是为需要弹出新窗口的 a 链接标记添加一个 rel=”external” 属性,或许等这种标准普及以后可以通过浏览器设置是否弹出包含有 rel=”external” 属性的链接,不过目前的情况是用户希望浏览器拼命的屏蔽各种弹出广告而同时 target=”_blank” 又是我们需要的属性,具体代码可按以下方法书写……
目前本博所用的模板还是半年前从 zblog 转到 WordPress 时自己做的,当时做成以后一直没有怎么修改过,也装了不少插件结果页面打开速度就越来越慢,今天花了一些时间暂时把比较有用的 LightBox 和 TagCloud 直接整合到了模板中,这样可以少装两个插件了,因为一些定制的属性可以直接写模板里面不用存数据库,整合之后效果还是相当明显的:
修改之前的首页加载时间 7s 页面大小 215kb 左右;修改之后的首页加载时间 5s 页面大小 133kb 左右。
目前使用 YSlow 测试按照小型网站及博客标准(Small Site or Blog)可以得到 Grade A 相当不错了,如果将 TagCloud.swf 压缩并使用 GoogleAPI 加载 js 的话理论上页面加载速度还可以更快,暂时还是这样吧,由于浏览器缓存原因页面上的部分内容可能显示错误,建议使用 Ctrl+F5 重新加载一次本站页面更新浏览器缓存。