开始学习浏览器的本地存储,Web Storage有两种,一个是sessionStorage,另一个是localStorage,这两个是html5的规范。连IE8都支持。所以在使用的时候可以不用丝毫的犹豫。

注:有些人怀疑IE8是不是支持web storage,其实我刚开始也在怀疑,因为我在本地建立的html文件并以路径方式访问的时候,chrome下正常,IE下说找不到JScript对象,这也让我怀疑IE8并不支持localStorage,但是当我把文件放到wamp环境下的时候在此访问的时候,便可以了。

这里测试结果。点击进入尝试一下吧:DEMO测试

继续阅读

所谓的封装就是将ajax最常用的东西放到一起,兼容各种情况,以后再使用ajax的时候可以用最简单的代码来完成异步请求。

我的封装是这样的,首先它具有如下功能:

1、支持get、post请求
2、可以自定义是否异步请求
3、支持data类型的序列化(可以是拼装好的,也可以是json格式,也可以是一个form的Id值)。
4、可以自定义是否有超时处理
5、如果启用超时,则可以自定义超时时间,以及超时之后的处理程序
6、支持设置header
7、可以设置请求成功以及失败的处理程序

继续阅读

Ajax很常用,但是并不是直接去使用原生的ajax,大多数时候是通过jquery来实现的,但通过jquery并不能提升自己原生js的能力,所以在这里根据高程3总结ajax的知识点,并进行封装,不必因为请求数据而引入jquery。

以下是我根据自己的理解设定的目录:

目录:

1、ajax无刷新请求原理

2、get与post请求

3、设置头部信息

4、使用FormData

5、超时设定

6、进度实现

7、Ajax封装

继续阅读

网上讨论分享js的call、apply和bind的文章着实很多,其实无外乎下面这样一种结构,作为js中很重要的一部分知识点(因为它经常和js另外很重要的闭包、原型联系在一起),今天就整理一下,希望理顺一下思路。

目录

1、call()、apply()、bind()是干什么的?

2、如何使用call()、apply()以及bind()?

3、他们的区别是什么?

4、浏览器兼容性,自定义bind()方法

5、总结

6、参考链接

继续阅读