vcxiaohan的博客

原创 已知left和top，求right和bottom

var right = $(window).width() - $q_chat.position().left - $q_chat.width(),       bottom = $(window).height() - $q_chat.position().top - $q_chat.height();

原创 父、子页面同域、跨域时互相操作dom元素

前端常见跨域解决方案注意，同域或跨域下，父页面要操作子页面的dom元素，必须要等到子页面加载完毕，否则获取不了子页面的document，因此我们需要监听子页面的onload事件，或者监听父页面的onload事件也可以注意，我们用window.frames['frameName'].window来获取子页面的window对象（为了兼容主流浏览器，需要设置iframe的id和name相同），或...

原创 实现验证码的思路

1 验证码都是后台验证的，前台验证没有作用2 验证码是后台代码随机生成噪点形成的(前台获取图片链接，进行展示)3 4 每次点击图片，重新获取图片$('.vcodeImg').on('click', function() {        $(this).attr({'src': '../../../ImageCode?'+Math.random()});    });

原创 登陆界面的大致思路

需要考虑的问题：1 自动登录如何实现2 点击登录如何实现3 用户名写进cookie4 自动获取用户名具体解决方案：1 是否在自动登录有效期内首先进页面先发送请求，后台获取cookie的值进行判断，如果存在则自动登录；如果不存在(说明是新用户)，注册->登录；如果存在但已过期，获取cookie，自动写入用户名，仅让客户重新输入密码。2 是否勾选自动登录2-

原创 正则表达式高级用法

var num = 8;var str = new RegExp('[1-'+ num +']');//只能用这种方法var x = str.test('8');console.log(x);正则符号所表达的含义：http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp

原创 not()的使用

$obj.children(':not(".msgBtn-last")').size()

原创 实现两个对象之间每个值的交换

demo * {margin: 0; padding: 0;} ;$(function() { $('.div1').data({ a: 'a1',

原创 上传插件webuploader.js的使用示例

demo * {margin: 0; padding: 0;} .showCtn {border: 3px solid yellow;} .progress {border: 1px solid blue;} .progress-bar {display: inline-block; backgrou

原创 chrome查看hover样式方法

原创 手机端页面遮罩的居中基准

不包含导航栏；如下图：

原创 js实时监听文本框内文本的变化

说明：1这里我拿一个字符算一个字的情况举例(2个英文字符算一个字的情况请看我的另一篇文章->还没写)；2我们遵循”渐进增强“的原则，即低版本浏览器实现基本功能，高版本浏览器效果更好。具体代码如下： demo * {margin: 0; padding: 0;} label {positio

原创 判断浏览器类型，不判断版本

function myBrowser(){   var userAgent = navigator.userAgent,    isOpera = userAgent.indexOf("Opera") > -1;   if (isOpera) {       return "Opera";   };   if (userAgent.indexOf("Firefox"

原创 针对ie8的css hack

一开始我在网上翻到了这个教程：http://jingyan.baidu.com/article/c45ad29cd41857051753e215.html新版本的教程是可以的(但是比较难看)，老版本的教程就我而言是有问题的。经我检验，\9\0是可以影响ie8的页面效果的，所以老版本教程有待质疑。如下图：ietester ie8下：虚拟机ie8下：如果你觉得客户打

原创 解决ietester下ie8弹框失效的情况

很多时候我们写的alert(1)在ie8下明明是可以弹出框来的，但是放到ietester下的ie8，却弹不出来，这是为什么呢?经过我的实验，可能跟你系统目前所装的ie版本有关系。通常，我们现在已经升级到ie9版本或者更高，我们需要删除最新的版本，让系统恢复到ie8版本。具体流程参见：http://jingyan.baidu.com/article/cb5d6105090de1005

原创 解决ie下透明度的兼容

当然，条条大路通罗马，只要能实现你的目的就行，这里，我给出我的一种方法：

原创 ie6、7、8 css hack

很多时候，我们不得不兼容ie6、7、8，网上解决方法也很多，看的眼花缭乱，下面给出几种最简单的针对ie6、7、8的hack写法：color:#0000FF\9的hack支持IE6-IE8（其他版本没有测试），但是IE8不能识别“*”和“_”的css hack，所以我们可以使用color:#0000FF\9; ;/*ie6,ie7,ie8*/*