2013年05月23日 by 张 鑫旭 阅读 156325 次

缓存是什么?顾名思意,就是缓慢的存钱。为什么要缓慢的存钱,因为工资卡都上交老婆了,为了攒点零花钱又不能被老婆发现,只能慢慢存了。那缓存有什么用呢?你想啊,自己有点小钱,做事情就方便快捷了,比方说我想买个鱼竿,就不要去向老婆要(给不给先不谈),自己从自己这边取,大大提高了执行的速度。
那什么时候可以存什么时候不能存呢?老婆给零花钱的时候,可能会有过期时间头,例如,周一甩了100块钱,拿去,这是一周的伙食!这个一周就是过期时间头(Expires Header),在这个时间内,你的前可以从缓存,也就是自己这里取……
阅读全文…
标签: Apache, Cache-Control, ETag, Expires, IIS, Last-Modified, php, 服务器, 缓存
发布在 Web综合 | 13 条评论 »
2013年05月22日 by 张 鑫旭 阅读 53717 次
今天,我们上线了一个小东西,基于Chrome浏览器语音识别功能实现的一个快速页面交互以及页面间跳转的效果,觉得大家都可以尝试尝试,因此,整理了下分享出来。
抛砖引玉、集思广益,有意见或建议什么的欢迎提出来,大家多多交流,共同进步。
阅读全文…
标签: chrome, JSONP, webkit, 交互, 语言识别, 语音搜索, 锚点跳转
发布在 JS实例 | 4 条评论 »
2013年05月17日 by 张 鑫旭 阅读 83149 次
标题小tip打头嘛,说明内容不多。看标题主体嘛估计又是黑新浪的,介绍另外的实现,小东西,喜欢的人自然喜欢。文章前后都有些吐槽,看上去啪啪啪说得很利索,言辞犀利,一气呵成,实际上,是像便秘一样,一点一点挤出来的。文章嘛,又没时间限制的,可以修改斟酌啊什么的。但是对话面试什么的,容不得多想多斟酌,那怎么办呢?还能怎么办,认命,等死,平时多练练呗~~
阅读全文…
标签: oncontextmenu, opacity, visibility, 单击事件, 回流, 图片切换效果, 渲染, 绝对定位, 隐藏, 鼠标图形
发布在 JS实例 | 25 条评论 »
2013年05月14日 by 张 鑫旭 阅读 105305 次, 今日 2 次
这里的transition指的就是CSS3中的那个过渡动画属性transition. 如果我们仔细查看其支持的CSS属性值,会发现竟然有一个visibility.
此时,我的脑袋上立马冒出了3个大大的问号:visibility不就visibile/hidden/collapse等值,又不是数值什么的,怎么有动画效果呢??
一番查阅研究,发现,这玩意还是有些作料的……
阅读全文…
标签: opacity, transition, visibility, 延时, 显示, 淡入淡出, 隐藏
发布在 CSS相关 | 24 条评论 »
2013年05月10日 by 张 鑫旭 阅读 96357 次
本文重点不在appendHTML
方法实现的本身,而是相关的一些DOM节点处理的熟悉,例如文档片段,子节点们,节点的后插以及前插等等……有代码有demo有截图,如果您是JS新手,本文的内容应该能对您的学习提供一些帮助。
阅读全文…
标签: appendChild, appendHTML, cloneNode, createDocumentFragment, dom, firstChild, insertAdjacentHTML, insertBefore, prependHTML
发布在 JS实例 | 19 条评论 »
2013年05月7日 by 张 鑫旭 阅读 113263 次, 今日 1 次

时光冉冉,或多或少见过一些JavaScript相关的题目,其中很多属于变态级别的!各种奇怪符号写法拼在一起、尼玛还有兼容性问题,估计达格拉斯都不知道答案。
对于这种整得亲妈都不认识的变态问题,实际上是没有什么参考价值的。好比要考察外星人对人类的了解,结果你那下面这货来做测试,看到亲戚的外星人一定会云里雾里的,但有意义吗?
好的JavaScript测试题目应该是:门外汉见了皱眉,行家见了疑惑题目是不是简单了点,同时考察点覆盖全面。
这里要介绍的”Another JavaScript quiz“中的题目(by非热火队的詹姆斯)不是属于变态题目,而是介于变态与不变态之间,因此,实际上面试价值不及格,但是学习价值good,故拿来说说……
阅读全文…
标签: javascript, toString, 作用域, 对象, 数组, 标记语句, 正则表达式, 泛型, 类型转换, 逗号运算符, 面试题, 预解析
发布在 JS实例 | 28 条评论 »
2013年04月25日 by 张 鑫旭 阅读 359655 次, 今日 1 次
ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for
循环了。
ES5中新增了写数组方法,如下:forEach
, map
, filte
r, some
, every
, indexOf
, lastIndexOf
, reduce
, reduceRight
……
阅读全文…
标签: ES5, every, filter, forEach, indexOf, lastIndexOf, map, reduce, reduceRight, some, 数组
发布在 JS实例 | 46 条评论 »
2013年04月18日 by 张 鑫旭 阅读 109561 次, 今日 1 次
如果一件事件,下手很难,结果很简单。可以试试逆向思维,从结果入手,说不定就会找到出路。这个道理在简单的CSS世界中同样适用,对于hover效果,如果下手很难,最后的效果却不难实现。我们可以换个思维,先实现结果,然后在hover实现比较难下手的那个效果,找到出路,原路返回,问题自然更加轻松解决了。
本文的例子更多是抛砖引玉……
阅读全文…
标签: clip, hover, 文字偏移, 背景定位, 逆向思维
发布在 CSS相关 | 14 条评论 »
2013年04月17日 by 张 鑫旭 阅读 417016 次, 今日 3 次
本文内容如题,讲讲JS中滚轮事件的相关知识,这玩意,还是有点料的。尤其FireFox浏览器下独具一格的表现有不少槽点。还是那句撑篇幅的话,有详解的demo有完善的数据表格展示,有必要的demo以及源代码展示,总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: DOMMouseScroll, Firefox, mousewheel, wheelDelta, 幻灯片, 滚轮事件, 鼠标事件
发布在 JS实例 | 44 条评论 »
2013年04月9日 by 张 鑫旭 阅读 222470 次

如果您对单元测试感兴趣,本文内容肯定对你有所帮助的,文章比较长……唉,反正我不想多说了,你知道的,有图片的文章都是我个人觉得有分量的。
阅读全文…
标签: jQuery, QUnit, 单元测试, 回调函数, 报错
发布在 JS相关 | 19 条评论 »