Hiro技术站

插件专区新篇—-Hiro.pagenav:自渲染、自解析的分页插件 v1.8更新

示例:Selectbox模拟实现效果

分类:CSS、Xhtml, jQuery 发表时间:9 个小时 前

很长时间没有更新了,也很久没有做实例分享了。最近比较动荡,也比较忙,所以博客的更新频率也变了。

今天的实例算是很小的了吧,是在之前公司的公司网上做的效果,今天朋友让我扣出来给他。我便做了份,整理了分享出来给大家参考。

近期因新工作需要,在学习XML和XSLT相关的知识,以后也会在博客中记录一些学习笔记!

Sizzle:开源JS选择器,如何自定义选择器

分类:学习笔记 发表时间:2010年08月12日

早上看了百度泛用户体验博客的博文初探 jQuery 的 Sizzle 选择器,让我对Sizzle选择器的知识又更加地深入了解。之前我就知道jQuery中有一个开源的Sizzle选择器程序,可以独立于jQuery单独使用。而在jQuery中使用到的各种强大的选择器都是通过Sizzle来解析返回值的。

Sizzle代码及注册; ‘:header’的用处; 如何自定义选择器; Sizzle选择器流程图

John很强大,感谢他让我学习到如此美妙和优雅的代码。

Firebug:Javascript测试利器,Console面板函数详解

分类:前端工程 发表时间:2010年06月30日

从开始做前端时,一直在用火狐浏览器,之前也有文章介绍了一些火狐插件。今天重点来说说Firebug插件中的Console面板的功能,它可以辅助地完成Javascript性能测试和代码执行记录。

Console面板中自身含有多个可供使用的函数,诸如:console.log(),console.time()等一些常用的方法,我的想法是将这些函数写入在jQuery插件中,这样在项目的前端开发和测试阶段使用起来非常地方便。

代码执行后的效果需要打开Console面板后才可以看到,若出现错误提示,不要惊慌,那是因为使用console.error()方法抛出错误所致,页面的代码并没有出错!

CSS:Firefox 4 将支持CSS3 calc方法

分类:CSS、Xhtml, 前端工程译文 发表时间:2010年06月12日

该文是用来讲解CSS3中calc()方法,这一功能特性在Firefox之前的任何版本中都没曾集成,但在Firefox4版本中它将得以实现。

Firefox将支持CSS3 calc(),它通过一个算术表达式用来计算出一个长度值。这就意味着你可以用它来定义DIVs的大小,margins的值,borders的宽度,等等。

一个重要的特性是:在calc()方法的算术表达式中可以联合多个不同的单位进行计算;calc()方法支持+, -, *, /, mod, min, 和 max 运算符。

资料参考来自:http://hacks.mozilla.org/2010/06/css3-calc/ | http://www.w3.org/TR/css3-values/#calc

CSS:通过一个样式表区分IE的各个版本

分类:CSS、Xhtml 发表时间:2010年05月17日

通常我们知道为了修复IE各个版本与其他浏览器的兼容,在head标签内会添加条件判断,根据不同的判断结果联入不同版本的CSS样式表。

这样的方法在我所有的网站或者博客中都是如此应用,但我也一直在纠结着多出了多余的样式表文件,HTTP请求也就多了一个。这对于我这个做前端的是一个严重的问题,但一直都没有找到可以优化的方法。

但是今天我看到了一篇文章,他教会了我另一种条件判断的方法。可以用条件判断的结果来添加多余的包含标签。同时也发现,自己思考的太少了。

jQuery:揭露jQuery的隐藏功能

分类:jQuery, 前端工程译文 发表时间:2010年03月15日

jQuery并不像他表面显示的那样,只有那些额定的方法供我们使用。其他在他库的代码内有着很多很酷很便捷的潜在方法,等待被我们发现。在本文中,我将带领你去领略一些我在jQuery库中发现的那些不怎么常见的方法。

jQuery中的隐藏功能远远不止文章提到的这些,在以后的文章中会再总结一些我自己发现的功能与大家分享。

本文翻译自:Uncovering jQuery’s Hidden Features

CSS:CSS3基础(附图)

分类:CSS、Xhtml, 前端工程译文 发表时间:2010年03月8日

今日在Web Designer Wall博客上看到这篇介绍css3基础的博文,文章其实很普通,关键喜欢他配上了截图,看起来就更加明了。便花了点时间整理后发表出来与大家分享一下!

文中主要介绍了四个css3高级属性,也是最最常用的四个css3属性。

最后,css3高级属性远远不值文中的这些,文中讲到的是一些基础的,也是使用最多的,为了给用户带去更多的美好体验,努力学透css吧!

本文翻译自:Web Designer Wall — The Basics of CSS3

jQuery:丰富效果的Flash图片播放(JS重写版)

分类:jQuery, 插件开发, 案例分享 发表时间:2010年02月26日

大家看到这个图片播放效果的演示后一定觉得很熟悉吧,因为该效果使用的地方是在太多了。但凡比较大型的网站上都有图片播放的效果,有的是单一的图片切换、有的是图片渐入渐出、还有的就是左滑右滑。而我演示的这个版本则是播放效果比较丰富的,所以也是使用比较广泛的。

在以前的公司一个人做网站时我就曾将它作为公司网站首页的图片播放效果,那个时候我的Js不好,纯粹是拿了代码后套进内容,然后放到网上去就万事OK了。现在不一样了,JS编程熟悉了,jQuery库更是熟悉,便觉得原始的代码怎么看都不爽,昨天终于将该效果的JS代码重写了一下,贴出来与大家分享!

Javascript:新消息闪烁标题提示代码分享

分类:jQuery, 案例分享 发表时间:2010年02月24日

本文纯粹是贴出一些比较实用的代码出来供大家学习和使用,也算是个人博客对这些实用代码的记录和收集吧!有用到的可以参考,没用到的直接可以飘过!

特意将这些代码写成jQuery插件的格式,这样方便大家使用的时候调用。我在平时的开发和自我学习过程中也积累了不少有用的代码,不知道怎么概括性地发布出来,所以就已文章的形式陆续贴出来与大家分享。

以单篇文章发布的插件代码都是一些简单的代码,若是一些复杂的代码或插件我会归纳到插件专区里去,这样大家下载起来也方便!

jQuery:1.4新版本中你应该知道的15个新特性(二)

分类:jQuery, 前端工程译文 发表时间:2010年01月22日

继续发布jQuery1.4版本剩余的新特性:第9点至第15点。

九、去除标签元素的父标签;

十、不用删除数据,即可删除掉DOM中的标签元素;

十一、对.index()方法进行了扩展;

十二、DOM控制方法支持回调函数…

第 1 页,共 4 页1234