- 博客(53)
- 收藏
- 关注
原创 兼容各浏览器获取鼠标滚轮上下滚动事件
// 滑轮滚动事件if (document.addEventListener) {document.addEventListener('DOMMouseScroll', pageTurn, false);}window.onmousewheel = document.onmousewheel = pageTurn;
2014-10-13 09:51:43 2518 1
原创 兼容各浏览器获取浏览器可视窗口大小
var size = {};if (window.innerWidth) {size.width = window.innerWidth;size.height = window.innerHeight;} else if ((document.body) && (document.body.clientWidth)) {size.width = document.body.c
2014-10-13 09:49:15 857
转载 IE6,IE7下设置body{overflow:hidden;}失效Bug
问题重现:There are no scrollbars on this page in sane browsershtml, body, p { margin: 0; padding: 0; } body { overflow: hidden; } p { width: 5000px; height: 5000px; }IE6 IE7下不生效(IE6下横向纵向滚动条都在 IE7下
2014-10-13 09:43:02 536
转载 Sublime Text 介绍、用法、插件等
Package Control 安装方法首先通过快捷键 ctrl+` 或者 View > Show Console 打开控制台,然后粘贴相应的 Python 安装代码。Sublime Text 2 安装代码:import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_pac
2014-03-06 17:50:44 1388
转载 javaScript系列:js中获取时间new Date()详细介绍
var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取
2014-02-28 11:27:41 877
原创 轻松实现元素居中
#test1{width:980px;margin: 0 auto;border: 1px solid #ACACAC;overflow: hidden;} #test1 div{height:50px;line-height: 50px;border: 1px solid #ECA6A4;margin-right: 20px;float: left;}
2014-01-14 14:55:27 975
转载 CSS3 Media Queries 实现响应式设计
在 CSS2 中,你可以为不同的媒介设备(如屏幕、打印机)指定专用的样式表,而现在借助 CSS3 的 Media Queries 特性,可以更为有效的实现这个功能。你可以为媒介类型添加某些条件,检测设备并采用不同的样式表。 例如,你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在一个样式文档中,这样,在不改变文档内容的情况下,不同的设备可以呈现不同的界面外观。阅读这篇文章学习
2014-01-13 17:45:43 770
转载 Jquery优化效率 提升性能解决方案
jQuery是目前非常流行的Javascript库之一,随着jQuery应用程序的逐渐增多,其性能优化问题是程序员们不可忽视的,我们知道在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码: 1.总是从ID选择器开始继承以下是引用
2013-12-19 09:40:04 614
转载 如何判断微信内置浏览器
在进行微信公众账号开发的时候,其中很大一块是微站点的开发,我们需要知道当前的浏览器是微信内置的浏览器,那么如何判断呢?微信内置浏览器的 User Agent如何判断微信内置浏览器,首先需要获取微信内置浏览器的User Agent,经过在 iPhone 上微信的浏览器的检测,它的 User Agent 是:Mozilla/5.0 (iPhone; CPU iPhone OS 6_
2013-12-18 13:21:12 1694
转载 eval解析JSON中的注意点
在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式:1.一种为使用eval()函数。2. 使用Function对象来进行返回解析。使用eval函数来解析,并且使用jquery的each方法来遍历用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符
2013-11-29 14:36:04 568
转载 js 获取前天、昨天、今天、明天、后天的时间 (转)
js获取日期:前天、昨天、今天、明天、后天 - Liehuo.Netfunction GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期 var y = dd.getFullYear();
2013-11-27 17:30:40 1199
原创 用 ajaxFileUpload 出现的问题:has no method 'handleError'、返回json数据提示下载
1. 提示错误:Uncaught TypeError: Object function (a,b){return new d.fn.init(a,b,g)} has no method 'handleError'目前找到两种情况会出现这个错误:(1)、url地址没访问到(2)、$.ajaxFileUpload中的dataType的值为小写,只需要把只该成大写就ok了。比如dataT
2013-11-20 12:14:53 4518
转载 ajaxFileUpload插件上传文件
Html代码 table id="deploy_application" class="bordered-table"> tr> td id="application_file"> input id="file_field" type="file" name="application" size="20" /> td>
2013-11-19 17:55:55 1389
转载 如何在Win7上调试Ruby程序
先安装rubyinstaller,下载并解压DevKit,注意,这两个版本要对应,网页上有说明(http://rubyinstaller.org/downloads/),解压DevKit后,打开目录,运行devkitvars.bat(是不是必须的不确定)。打开cmd,进入DevKit的解压目录ruby dk.rb---Configures an MSYS/MinGW
2013-11-11 14:54:55 626
转载 在windows下安装ruby1.9.2,rails和DevKit
1) 安装ruby 下载安装包:http://rubyforge.org/frs/?group_id=167&release_id=46335 我下载的是rubyinstaller-1.9.2-p290.exe。装完后,可以用ruby -v 测试是否安装成功,如果显示类似ruby 1.9.2p290 (2011-07-09) [i386-mingw32]的版本信息,就说
2013-11-11 14:43:15 643
原创 ie6下的fixed
在其它浏览器中,css属性设置成fixed都是有效果的,但是在ie6中,却存在兼容性的问题,不支持这个属性。 解决方法:设置hack.style{width:360px;height:230px;position: fixed;left: 50%;top:50%;margin-top:-115px;margin-left:-230px;_positio
2013-11-08 10:26:14 599
原创 解决html换行出现空格问题
源代码中连续几个内联级标签中的换行在浏览器中会被解释为一个空格,空格和回车都会被显示为一个3px的空格。如下<input type="text" class="input2"> 要解决这个问题,可以在换行处父级加css: .div1{font-size:0}; 这样换行后就不会有空格出现. 然后再设置 .div1 input{font-siz
2013-10-29 17:30:40 6565
原创 js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
$(function(){ var changeConent=false; //文本框内容改变 $("#userName").change(function(){ changeConent=true; }); //性别改变 $("#sex").change(function(){ changeConent=true; }); window.onbeforeunload
2013-10-24 18:05:28 2507
原创 兼容IE和Firefox的javascript获取iframe文档内容的变量
document.frameId.varName;在谷歌和ie中正常显示,但是在火狐中会出错,TypeError: document.frameId is undefined解决方法:document.getElementById("frameId").contentWindow.varName;ie&firefox document.getElementBy
2013-10-15 09:36:25 1002
原创 css控制表格细边框
table{border-collapse:collapse;}td{background:#F2F2F2;border:solid 1px #CCCCCC;width:100px;height:22px;}
2013-10-14 14:18:03 550
转载 js中的preventDefault
preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。JS阻止链接跳转?12345678910111213141516functionstopDefault(e) {
2013-10-12 10:07:20 682
转载 在浏览器中正确显示google svn的html页面,而不是源代码
在google svn存放的html, js 或是css等文件,在浏览器浏览的时候,往往会显示源代码文件。 明明是Html文件,却没有被浏览器正确解析。这是怎么一回事请呢? 通过firebug可以观察到页面的响应类型是text/plain。 这说明,浏览器把html文件当成文本类型去解析了,当然就是源代码显示了。那么如何设置正确的文件类型呢, 有2种办法,这里只介绍一个svn的全局设置。
2013-09-27 15:52:39 1295
转载 Windows7安装JDK设置环境变量
Windows7安装JDK的环境变量设置 Windows7 X64安装“jdk-6u26-windows-x64.exe”后,按照网上的环境变量设置方法设置了环境变量,但是死活都提示“javac不是内部命令或外部命令,也不是可运行的程序或批处理文件”。折腾了半天,还是这个问题。后上网查了半天,终于找到解决办法,并且亲测可用,现在整理如下,希望对童鞋门有用。第一步:安装jdk-6u26-wi
2013-09-17 16:51:32 1619
原创 父元素与子iframe相互获取变量和元素对象
父中: var count = 1;-------------------------------------------------------------子iframe中: alert(window.parent.count); //获取父中的js变量 alert($("#username", window.parent.document
2013-09-13 09:39:47 7933
原创 js 正则表达式
1、模式 (1)g: 全局模式 (2)i:不区分大小写 (3)m:多行模式 2、定义正则 (1)字面量形式 eg: var pattern1 = /[bc]at/i; //匹配第一个“bat”或“cat”,不区分大小写 (2)使用Reg
2013-09-12 16:00:56 586
转载 JS 的类型转换规则
Javascript的变量是松散类型的,它可以存储Javascript支持的任何数据类型,其变量的类型可以在运行时被动态改变。请看示例:?123var n= 10;n = "hello CSSer!";n = {};上面的示例中,首先声明n变量并初始化其值
2013-09-11 14:38:18 554
转载 javascript变量作用域、匿名函数及闭包
一、JavaScript变量作用域(scope)首先需要明白的几个要点:1.JavaScript的变量作用域是基于其特有的作用域链的。2.JavaScript没有块级作用域。3.函数中声明的变量在整个函数中都有定义。(就后面第三点的说明)4 .所有在最外层定义(非函数体内定义)的变量都拥有全局作用域5. 所有末定义直接赋值的变量,系统会自动声明为拥有全局作用域的变量6.
2013-09-11 14:18:31 2407
原创 js比较运算符==与===的区别
===操作符: 要是两个值类型不同,返回false 要是两个值都是number类型,并且数值相同,返回true 要是两个值都是stirng,并且两个值的String内容相同,返回true 要是两个值都是true或者都是false,返回true 要是两个值都是指向相同的Object,Arraya或者function,返回true 要是两个值都是null或者都是undefine
2013-09-09 13:54:02 704
转载 Web性能优化方案
第一章 打开网站慢现状分析在公司访问部署在IDC机房的VIP网站时会感觉很慢。是什么原因造成的?为了缩短页面的响应时间,改进我们的用户体验,我们需要知道用户的时间花在等待什么东西上。 可以跟踪一下我们的登录页面,如下图所示 从上图我们可以分析知道,HTML文档只占了总响应时间的20%,其它80%响应时间用来下载JS、CSS、图片等组件。所以WEB前端有很大的优化空间,
2013-09-05 18:49:51 573
原创 IE6 Bug
1. overflow:hidden失效当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。CSS代码#parent{height:50px;overflow:hidden;}#child a{position:relative;}HTML代码div id=
2013-08-30 10:50:11 573
原创 JS获取URL参数
如 查看script language="javascript">var str=window.location.href;var es=/fid=/;es.exec(str);var right=RegExp.rightContext;document.write(right);fid后的id存在变量right中
2013-08-23 16:04:52 508
转载 jquery.Validation 中文说明
在做项目时,我们不仅要在服务器端进行一些验证,一般也在要客户端进行验证,这样才能以最快的时间将 一些错误反馈给用户,让用户不必在点击了提交按钮后才得知自己录入错了一些东西。以前我在项目中处理客户端验证都是基于正则表达式自己写验证函数,感觉用 起来比较费劲,所以这次在项目中应用了一下jquery.validation,感觉挺好的。下面将使用过程中的一些小知识记录下来:说明:提交表单,并进
2013-08-17 23:27:24 611
原创 js 正则 电话号码
电话号码正则表达式(支持手机号码,3-4位区号,7-8位直播号码,1-4位分机号) ((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$) 匹配格式:
2013-08-17 23:26:26 949
转载 CSS如何修改tr边框属性
tr是html标签中行的标记,在web开发中,有时候我们为了美观需要修改行的属性。比如tr的边框。如果我们按照如下的形式修改tr的属性就大错特错了. [html] view plaincopyprint?tr{ border:1px solid #DDDDDD; }
2013-08-14 16:37:06 628
原创 子元素div高度不确定,父div自适应高度
在最外层div加以下样式height:100%;overflow:hidden;其它方法:Div即父容器不根据内容自适应高度,我们看下面的代码: 当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。 我们可以通过三种方法来解
2013-08-09 15:11:53 9834
转载 js在IE和FF下的兼容性问题
本文出自前端档案,以作学习参考之用。自己也补充了一些内容长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一、函数和方法差异; 二、样式访问和设置; 三、DOM方法及对象引用; 四、事件处理; 五
2013-07-28 10:57:16 621
转载 Javascript 的addEventListener()及attachEvent()区别分析
大家都知道事件的用法就是当某个事件(状况)被触发了之后就会去执行某个Function, 尤其是Javascript, 在当红AJAX的催化下, 了解Javascript的Event用法更加重要, 在这里就大概介绍一下avascript的Event用法.Mozilla中: addEventListener的使用方式: target.addEve
2013-07-28 10:08:21 502
转载 IE6/7下如何实现inline-block
摘要 ie6,ie7的haslayout属性是个让人头疼的问题。在做导航条的时候,一般会用到ul li结构,大多数时候我们是把li设置为浮动,让其并排显示在同一行。还有一种方法就是设置li为display:inline;这样可以达到同样的效果,但是问题是inline元素的特性:默认无法设置 ie6,ie7的haslayout属性是个让人头疼的问题。在做导航条的时候,一般会用到ul
2013-07-28 09:30:56 539
转载 解决IE(IE6/IE7/IE8)不兼容HTML5标签的问题[转自大神]
HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有:定义页面或区段的头部;定义页面或区段的尾部;定义页面或区段的导航区域;页面的逻辑区域或内容组合;定义正文或一篇完整的内容;定义补充或相关内容; 使用他们能让代码语义
2013-07-24 16:31:57 1151
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人