前端技术
JeamKing
这个作者很懒,什么都没留下…
展开
-
css3个中字符与4个中文字符两端对齐方法
中 国 人中国人民该方法能兼容ie和firefox。原创 2011-12-01 14:06:48 · 7065 阅读 · 1 评论 -
input和textarea设置文本选中和获取选中文本
//设置文本选中高亮function setTextSelected(inputDom, startIndex, endIndex){ if (inputDom.setSelectionRange) { inputDom.setSelectionRange(startIndex, endIndex); } else if (textDom.createTextRange) //IE { var rang原创 2010-08-19 10:04:00 · 9845 阅读 · 0 评论 -
不再限于页面脚本 JavaScript挺入服务器端开发语言序列
Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始。也许你还不知道,JavaScript现在已经成了一门可编写出效率极高的、可用于开发产品级web服务器的出色语言。起初我也不相信,但2009年启动的两个项目让这成为可能:CommonJS和Node。尽管JavaScript已经出现很长一段时间了,运用也很广泛(可以说转载 2010-04-25 19:28:00 · 1094 阅读 · 0 评论 -
javascript解析json
SON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。JSON的规则很简单:原创 2009-09-30 15:24:00 · 1027 阅读 · 0 评论 -
javascript性能优化
很久就想总结一下关于javascript性能优化方面的一些东西,平时也有注意收集这方面的资料。把del.icio.us里的收藏的东西翻出来看一遍,才惊奇地发现,这些所谓的优化方法大多出自《javascript高级程序设计》一书,当然也有个别不一样的。总之这本书上关于javascript性能优化的内容足足用了近20页来进行阐述,所以今天我也照本宣科地来介绍一下,同时收录其他方法。转载 2009-09-24 09:13:00 · 941 阅读 · 0 评论 -
通过javascript判断浏览器类型以及版本
JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的版本一般只能通过分析浏览器的userAge转载 2009-03-06 23:25:00 · 1121 阅读 · 0 评论 -
检测密码强度的javascript
密码已经是我们生活工作中必不可少的工具,但一个不安全的密码有又有可能会给我们造成不必要的损失。作为网站设计者,如果我们在网页中能对用户输入的密码进行安全评估,并显示出相应的提示信息,那么对用户设置一个安全的密码将有很大帮助。同时也使得网站更具人性化,更有吸引力。什么是一个安全的密码呢?本程序按以下的方式进行评估。1.如果密码少于5位,那么就认为这是一个弱密码。2.如果密转载 2010-04-25 21:03:00 · 910 阅读 · 1 评论 -
JavaScript 正则表达式两种使用方式的区别
Normal 0 7.8 磅 0 2 false false false EN-US ZH-CN X-NONE原创 2010-02-27 16:08:00 · 2203 阅读 · 0 评论 -
Javascript跨域和Ajax跨域解决方案
最近做的一个项目中需要ajax跨域取得数据,如果是在本域中确实没有问题,但是放到二级域和其他域下浏览器直接就弹出提示框:“该页正在访问其控制范围之外的数据,这有些危险,是否继续" 1.什么引起了ajax跨域不能的问题 ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互,而浏览器出于安全考虑,不允转载 2009-09-24 10:11:00 · 1353 阅读 · 0 评论 -
js继承探讨
每当我们说到js的继承时,在您的脑袋的第一反应就是prototype原型机制来实现。但是您是否使用过其他的方法来实现继承呢,或者您是否了解其他实现方式及各种不同的继承实现机制的优缺点呢?1、 prototype方式1var BaseClass =function()23{45 this.name = "3zfp";67 this.ag转载 2009-09-22 17:01:00 · 1111 阅读 · 0 评论 -
yuicompressor+ant 混淆压缩多个js和css文件方法
1、下载 yuicompressor 包首先到官方网站 http://yuilibrary.com/downloads/#yuicompressor 上下载 yuicompressor-2.4.2.zip 资源包。解压后 yuicompressor-2.4.2.jar 在 yuicompressor-2.4.2/build 目录下。2、创建build-yui.xml 文件然后创建ant原创 2010-01-09 20:26:00 · 6168 阅读 · 0 评论 -
svg,vml 画圆
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">javascript画圆 var cont;var circle=new Function();if (document.createElementNS) { svgNS = "http://www.w3.org/2000/svg";转载 2008-11-02 20:21:00 · 3196 阅读 · 0 评论 -
Jquery Ajax时parsererror错误
使用jquery发送ajax请求时,跟踪error错误函数内容为"parsererror";$.ajax({type:post,dataType:xml,url:http://localhost:8080/web1/test.do?opt=getPlanList&uid=123456, error:function(XMLHttpRequest, textStatus, e原创 2011-06-13 20:45:00 · 7524 阅读 · 2 评论 -
JQuery post 回调函数返回 json 数据
一、post 方式 $.post("tally/lend.do", { person : tempAry[2], account : accountId, price : tempAry[4], time : tempAry原创 2010-04-21 09:58:00 · 6289 阅读 · 0 评论 -
JQuery中阻止事件冒泡方式及其区别
JQuery 提供了两种方式来阻止事件冒泡。方式一:event.stopPropagation(); $("#div1").mousedown(function(event){ event.stopPropagation(); });方式二:return false; $("#div1").mousedown(原创 2010-02-27 16:32:00 · 296209 阅读 · 3 评论 -
JQuery 传送中文乱码问题
一、客户端先进行编码,服务端再解码。客户端发送数据:var names = encodeURIComponent("电费"); names = encodeURIComponent( names);$.post("test.do?names="+name,null, function(){}); 服务端解码:获取names 参数值,然后解码。String name原创 2009-11-25 08:48:00 · 1200 阅读 · 0 评论 -
Javascript 匿名函数与闭包
Javascript 匿名函数与闭包一、函数的几种定义1、函数关键字(function)语句 function func1(){ alert("func1"); } func1();2、函数直接量(Function Literals) varfunc2 = function(){ alert("func2"); } func2();虽然函数直接量创建的是未命名函数原创 2011-05-27 16:39:00 · 2226 阅读 · 0 评论 -
Javascript跨域访问解决方案
由于安全方面的考虑,Javascript被限制了跨域访问的能力,但是有时候我们希望能够做一些合理的跨域访问的事情,那么怎么办呢?这里分两类情况:一、基于同一父域的子域之间页面的访问;参见如下3个domain域:taobao.com、jipiao.taobao.com、promotion.taobao.com;它们有相同的父域taobao.com。二、基于不同父域页面之间的访问;参见如下转载 2011-06-12 17:56:00 · 1131 阅读 · 0 评论 -
元素设置height属性值失效
如下标签:css样式:#div1{ height: 1px;}在ie下将会设置失败,用 iedevtoolbar 工具查看元素 div1 的height 值为1,但工具检测到其高度却有10多个像素的高度。解决办法:#div1{ height: 1px; overflow: hidden;}原创 2009-10-29 22:34:00 · 1765 阅读 · 0 评论 -
CSS浮动float父div没有高度的问题
<br />如下所示,子元素 div2 本身具有高度和宽度,但由于其具有float:left;属性后。其父元素 div1 不具有高度。<br /><html><br /> <head><br /> </head><br /> <body><br /> <div id="div1"><br />原创 2011-03-29 22:16:00 · 7646 阅读 · 2 评论 -
Web前端开发工程师必读的15个设计博客
<br />导读:Web设计是一个不断变化的领域,因此掌握最新的发展趋势及技术动向对设计师来说非常重要,无论是学习新技术,还是寻找免费资源与工具,设计博客都是很不错的去处。本文向大家推荐15个非常不错的设计博客。1. Smashing Magazine <br /><br />Smashing Magazine创建于2006年,是最好的设计博客之一,有很多Web设计和开发方面的高质量文章,内容涉及HTML5、CSS、JavaScript、Photoshop、Wordpre转载 2011-03-01 18:39:00 · 1698 阅读 · 0 评论 -
IE6 下父级(relative)使用padding后,子元素绝对定位(absolute)的bug
<br />在前端开发中,经常会用到css的position:absolute来使层浮动,前通过left,top,right等属性来对层进行定位,但 ie6对left,top,right等属性的解释和ie7,ie8及firefox、chrome等貌似有些不一致。<br />在父层使用position:relative;和padding(当然0值除外)后,ie6中层的定位起始坐标是从padding后的位置算起,而其他则从层的真实位置算起,而非被padding改变后的那个位置。这点造原创 2010-10-25 17:27:00 · 2567 阅读 · 1 评论 -
css图片按比例自动缩放
<br />关于图片自动缩放的问题,网上相关资料提供方案是在img标签的 onload 中通过js代码去实现。但是当页面中有10个图片要自动调整时,通过onload方式是不可行的。<br />.show-img{<br /> max-width:117px; //firefox<br /> max-height:90px; <br /> scale:expression((this.offsetWidth / this.offse原创 2010-08-11 19:42:00 · 15047 阅读 · 0 评论 -
background-position 用法详细介绍
语法:background-position : length || length background-position : position || position 取值:length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位 position : top | center | bottom | left | center |原创 2010-05-22 22:48:00 · 120787 阅读 · 30 评论 -
CSS强制不换行(white-space:nowrap)IE使用问题
什么情况下会出现换行:当元素设置了固定高度,并且文本长度大于标签元素的宽度时,文本会自动换行。css强制换行使用样式:white-space:nowrap;该样式从效果上是没有浏览器差异,使用该样式后所有文字在ie和firefox下都在一行内显示。但是在IE下使用该属性值后标签元素宽度会被撑大,从而可能导致原来页面布局被破坏。解决办法:white-space:nowrap;原创 2010-05-12 14:13:00 · 9080 阅读 · 1 评论 -
CSS常见的让元素水平居中显示方法
用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。 1.使用自动外边距实现居中 CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性设置为auto即可。在实际使用中,我们可以为这些需要居转载 2010-04-28 22:57:00 · 956 阅读 · 0 评论 -
line-height 属性介绍
<!--v/:* {behavior:url(#default#VML);}o/:* {behavior:url(#default#VML);}w/:* {behavior:url(#default#VML);}.shape {behavior:url(#default#VML);}--> Normal 0 7.8 磅 0 2原创 2010-04-13 23:06:00 · 2125 阅读 · 0 评论 -
CSS hack:IE6,IE7,firefox显示不同效果
区别不同浏览器的CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *backgroun转载 2010-02-03 22:54:00 · 902 阅读 · 0 评论 -
如何解决 html 中多空格字符被当作一个空格字符处理的问题
之所以更确切的称呼为空格字符,是为了与html中的空格转义符 进行区分,此处将的空格字符是指通过键盘的空格键打出来的空格字符。 在 HTML 中,多个空白字符(几乎)总是被在作为一个空格处理。例如: hello world! 被浏览器解读时等同于: hello world!解决办法: 在要处理的文本外嵌套标签。 有时候在网页编原创 2008-12-21 10:55:00 · 10790 阅读 · 2 评论 -
ie6的background-position属性值center,bottom 失效
如下结构: 我们的目的是让图片在垂直方向上居中。但是在ie6下却没有垂直居中,检测发现,div1的属性值虽然是100%,但是并没有像我们所期望的那样高度和其父元素的高度相同。解决办法是给div1元素加上overflow:hidden。原创 2009-12-19 21:29:00 · 6546 阅读 · 3 评论 -
firefox下img标签src不刷新
在firefox下如果两次设置的src 的值都一样,firefox 不再向后台请求资源。那么我们可以使每次请求的url不一样来解决,即:src = "aa.jsp?r="+Math.random(); 或者 src = "aa.jsp?d="+new Date();原创 2009-12-09 20:16:00 · 2230 阅读 · 0 评论 -
a:hover 伪类在ie 无效
在ie下a标签必须加链接,否则a:hover 是不起作用的。原创 2009-11-19 23:08:00 · 2713 阅读 · 0 评论 -
hover 在 ie 中使用失效问题
利用伪类:hover我们可以通过 css 来控制,当鼠标滑到某一标签元素时改变该标签的样式。但是在ie6下当我们使用该伪类时会不起作用。正确方式如下: 鼠标移过来触发我吧!哈哈,终于被你发现 li a:hover{ color: #E2F2AA;}注意,在该示例中我们是通过标签的超级链接来实现的。原创 2009-10-29 22:47:00 · 3344 阅读 · 0 评论 -
CSS IE6,IE7,FF兼容性
原来CSS不止是IE和FF存在兼容性的问题,IE6和IE7也有问题。幸亏昨晚上测试一下,不然还以为万事大吉了。发现自己一段时间不搞网,变得白痴了许多。 第一次用DIV+CSS,感觉不是那么顺利,我想界面做漂亮些还是Table实在点啊,挖哈哈……。网上搜了两篇文章,借鉴一下。一、绿色版IE7 让IE6和ie7共存Windows IE7 安装后,I转载 2009-09-23 22:51:00 · 846 阅读 · 0 评论 -
JQuery遍历
遍历现在,您已经学会如何搜索和过滤页面上的所有元素,接下来需要一种高效的方法来遍历结果,进一步处理元素。自然,jQuery 提供了几种遍历搜索结果的方法。第一个也是最常用的遍历方法是 each() 函数。这和 “for loop” 的功能是一样的,遍历每个元素并通过迭代递增元素。此外,循环中的每个元素的引用可以通过 “this”(用于一般的 JavaScript 语原创 2010-03-24 15:34:00 · 2854 阅读 · 0 评论