“JS实例”目录存档

XMLHttpRequest实现HTTP协议下文件上传断点续传

2013年11月5日,星期二

XMLHttpRequest实现HTTP协议下文件上传断点续传
目前从实用技术角度讲,文件上传的断点续传实现主要是借助客户端或Swf控件,也就是,这些带续传功能的上传都不是使用HTTP协议实现的,也就是不是传统的网页技术(HTML+CSS+JS)实现的。
然,times are changing, 事物发展,时代变化。以前的一些所谓的“不能”、“不可能”都将成为过去。
Ajax 2.0中最大的变化之一就是对二进制数据的支持,而且提供了一个可以直接处理二进制数据的方法——slice方法。

该方法为断点续传提供了有力的技术支持。

阅读全文…

ajax与HTML5 history pushState/replaceState实例

2013年06月19日,星期三

众所周知,Ajax可以实现页面的无刷新操作——优点;但是,也会造成另外的问题,无法前进与后退!曾几何时,Gmail似乎借助iframe搞定,如今,HTML5让事情变得如同过家家般简单。

当执行Ajax操作的时候,往浏览器history中塞入一个地址(使用pushState)(这是无刷新的);于是,返回的时候,通过URL或其他传参,我们就可以还原到Ajax之前的模样。

本demo所展示的就是ajax的内容载入与地址栏的前进与后退,典型应用,对于熟悉相关知识点很有帮助。

阅读全文…

Chrome下语音识别实现页面快速引导以及重要交互

2013年05月22日,星期三

今天,我们上线了一个小东西,基于Chrome浏览器语音识别功能实现的一个快速页面交互以及页面间跳转的效果,觉得大家都可以尝试尝试,因此,整理了下分享出来。

抛砖引玉、集思广益,有意见或建议什么的欢迎提出来,大家多多交流,共同进步。

阅读全文…

小tip: 微博新版查看大图前后浏览的另外一种实现

2013年05月17日,星期五

标题小tip打头嘛,说明内容不多。看标题主体嘛估计又是黑新浪的,介绍另外的实现,小东西,喜欢的人自然喜欢。文章前后都有些吐槽,看上去啪啪啪说得很利索,言辞犀利,一气呵成,实际上,是像便秘一样,一点一点挤出来的。文章嘛,又没时间限制的,可以修改斟酌啊什么的。但是对话面试什么的,容不得多想多斟酌,那怎么办呢?还能怎么办,认命,等死,平时多练练呗~~

阅读全文…

小tip: DOM appendHTML实现及insertAdjacentHTML

2013年05月10日,星期五

本文重点不在appendHTML方法实现的本身,而是相关的一些DOM节点处理的熟悉,例如文档片段,子节点们,节点的后插以及前插等等……有代码有demo有截图,如果您是JS新手,本文的内容应该能对您的学习提供一些帮助。

阅读全文…

我是如何理解”Another JavaScript quiz”中的题目

2013年05月7日,星期二


时光冉冉,或多或少见过一些JavaScript相关的题目,其中很多属于变态级别的!各种奇怪符号写法拼在一起、尼玛还有兼容性问题,估计达格拉斯都不知道答案。
对于这种整得亲妈都不认识的变态问题,实际上是没有什么参考价值的。好比要考察外星人对人类的了解,结果你那下面这货来做测试,看到亲戚的外星人一定会云里雾里的,但有意义吗?

好的JavaScript测试题目应该是:门外汉见了皱眉,行家见了疑惑题目是不是简单了点,同时考察点覆盖全面。

这里要介绍的”Another JavaScript quiz“中的题目(by非热火队的詹姆斯)不是属于变态题目,而是介于变态与不变态之间,因此,实际上面试价值不及格,但是学习价值good,故拿来说说……

阅读全文…

ES5中新增的Array方法详细说明

2013年04月25日,星期四

ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了。
ES5中新增了写数组方法,如下:forEach, map, filter, some, every, indexOf, lastIndexOf, reduce, reduceRight ……

阅读全文…

JS滚轮事件(mousewheel/DOMMouseScroll)了解

2013年04月17日,星期三

本文内容如题,讲讲JS中滚轮事件的相关知识,这玩意,还是有点料的。尤其FireFox浏览器下独具一格的表现有不少槽点。还是那句撑篇幅的话,有详解的demo有完善的数据表格展示,有必要的demo以及源代码展示,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

JS中的柯里化(currying)

2013年02月26日,星期二

本文是JS中柯里化(currying)这个概念的讲述,通过日常浅显示例说明,有多多源代码展示,没有demo,嘿嘿,不管怎么,希望本文内容能够对你的学习有所帮助。

阅读全文…

我对原型对象中this的一个懵懂错误认识

2013年01月29日,星期二

本文写得比较散,吐槽很多,就像是在海边撒贝壳,各种颜色,各种形状。于是,你可能喜欢这个,他可能喜欢那个,或者另外极品不喜欢贝壳。看看吧,说不定和你的胃口,希望能对您的学习有所帮助。

阅读全文…