最近的文章列表

原生js事件绑定和事件移除

用惯了框架,什么jQuery/Ext/zepto/underscore/backbone 绑定事件on,bind,addListener,如果没有这些框架,原生的js怎么写?你能立刻写出来吗? 绑定事件的好处:

  • 一个对象可以绑定多个不同事件
  • 一个对象可以绑定多个相同事件(按照绑定的顺序执行。注意IE下顺序相反)

测试地址

...
2013/7/3 Comments:
document.getElementsByClassName使用方法

document.getElementsByClassName 故名思议就是根据Class名获取元素集合。但是这个方法是新生的,我们也可以自己来实现它。原理如下:

document.getElementsByTagName这个函数是获取指定标签名的节点集,通常先使用getElementsByTagName("*")取出文档中所有元素,然后进行遍历,使用正则表达式找出匹配的元素放入一个数组返回。由于IE5不支持document.getElementsByTagName("*"),要使用分支document.all以防错误。

...
2013/6/27 Comments:
[WARN][Ext.data.Operation#process] Unable to match the record that came back from the server

 Unable to match the record that came back from the server

看上图,因为修改4次Store中的字段值,所以会显示4次警告:[WARN][Ext.data.Operation#process] Unable to match the record that came back from the server.

...

2013/6/25 Comments:
收集的33个常用的js验证
常用JS验证
  1. //去除左侧空格
  2. //去右空格 
  3. //去掉字符串两端的空格 
  4. //去除字符串中间空格
  5. ...
2013/6/22 Comments:
Sencha Touch / jquery easyui datagrid数据源为json文件时404 405 Method Not Allowed

当运行第一个ST项目时,会发现会很慢,(如果你的是win下的,用IIS),原因是,没有设置IIS下的JSON的扩展程序映射。

当jquery easyui的datagrid插件使用.json文件为数据源,通过非http协议访问【就是直接拖进浏览器查看效果】,能正常加载.json文件并且生成datagrid数据源。但是通过http协议访问示例代码时,无法加载json文件生成datagrid的数据源。

这个是由于服务器软件,如iis的配置MIME类型或者一些配置不正确导致的。
...

2013/6/22 Comments:
JSONP获取数据时 Resource interpreted as Script but transferred with MIME type text/html

 在用ST(Sencha Touch2.1.1)时,Ext.data.JsonP.request({...}) 请求数据的时候,报出了下图的警告,但是数据还是返回了, 我返回的数据形式是: Ext.callback1({name: 'camnpr', site: 'www.camnpr.com'})

...
2013/6/22 Comments:
Ext返回json数据的中文为乱码 application/json; charset=utf-8

Ext应用数据大部分都是json,在使用过程中,中文有时候会乱码。 

1、前后台所有文件统一用utf-8编码方式。(文件用记事本打开,另存为,选择编码utf-8)

2、Ext.lib.Ajax.defaultPostHeader += '; charset=utf-8'加在Ext.onReady块里,此方法可以解决用EXT在POST时的中文乱码问题。

3、在Response Headers中设置Content-Type:text/json;charset=utf-8,在JAVA中实现方法:response.setContentType("text/json; charset=utf-8"),此方法可以解决用EXT在显示后台中文时的乱码问题
...

2013/6/22 Comments:
win8 IE10 typeof window.localStorage Error 拒绝访问 unknow

在Qwrap群里有人问道,IE10下 alert(typeof window.localStorage); 为什么显示是:unknow

如果用Object.prototype.toString.call(window.localStorage)判断会是什么呢?

...
2013/6/9 Comments:
datepicker 配置与用法 jQueryUI

 

需要引的资源:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>

...

2013/6/4 Comments:
HTML5 本地缓存 window.localStorage

首先自然是检测浏览器是否支持本地存储。在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了。二者用法完全相同,这里以localStorage为例。

if(window.localStorage){
 alert('This browser supports localStorage');
...

2013/6/4 Comments: