最近的文章列表

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:
input file标签实现JS图片上传预览效果 选择图片后能立即查看图片

图片预览主要包括两个部分:从file表单控件获取图像数据,根据数据显示预览图像。

图片上传预览是一种在图片上传之前对图片进行本地预览的技术。
使用户选择图片后能立即查看图片,而不需上传服务器,提高用户体验。
但随着浏览器安全性的提高,要实现图片上传预览也越来越困难。
不过群众的智慧是无限的,网上已经有很多变通或先进的方法来实现。
例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法。
但在opera、safari和chrome还是没有办法实现本地预览,只能通过后台来支持预览。

...
2013/5/23 Comments:
对比12 款优秀的JavaScript MVC/MVVC框架 你最喜欢Backbone or Ember

目前基本所以后台程序都是面向对象MVC模式开发,作为Web前端开发的人来说,也是很需要的,那么目前有没有可以借鉴的呢?
作者(Gordon L.Hempton)一直在寻求哪种MVC框架最为完美,他将目前能获取到的所有框架都粗略地试了试,然后在文章中列出了每一种框架的情况概要,在文末分享了作者经过对比之后最终的推荐产品。 

首先要特别说明一下,作者认为以下四个功能是十分重要的: 
 

...
2013/5/16 Comments:
JS判断访问设备(userAgent)加载不同页面 JS判断客户端操作系统类型(platform)来定义不同的字体表现

判断当前访问网站的设备是否是PC

//平台、设备和操作系统
var system ={
win : false,
mac : false,
xll : false
};
//检测平台
var p = navigator.platform;
...
2013/5/9 Comments:
禁止copy、禁止Ctrl、禁止shift、禁止alt、禁止快捷菜单、禁止右键

禁止copy、禁止Ctrl、禁止shift、禁止alt、禁止快捷菜单、禁止右键

代码如下:(建议保存到一个js文件中,例如:nocopy.js)

function iEsc(){ return false; }
function iRec(){ return true; }
function DisableKeys() {
...
2013/5/6 Comments:
this.length >>> 0表示什么? es5-safe

摘自:es5-safe.js

// ES5 15.4.4.18
// https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/array/foreach
...
2013/4/25 Comments:
高级浏览器添加离线提示:window.webkitNotifications 桌面通知Notification

摘要:

桌面通知,我们经常看到的比如QQ,Skype在右下角的消息提醒。在网页中我们也可以用Javascript模拟实现这一功能,只是这个消息框中浏览器中。目前浏览器依然是一个严格的沙盒工作模式,这种模式把浏览器和桌面的通信隔离开,但WHATWG下在讨论的一种特性Notification可以跨越沙盒通过桌面向用户发出浏览器的通知。现在在Html5中也可以实现这一功能,目前Notification的浏览器支持情况不大好,我测试了一下,IE9,FF12,FF20,Opera11不支持,Chrome支持最好。 

...
2013/4/25 Comments: