随笔分类 -  javascript

jqplot使用小心得
摘要：这两天做一个项目，需要画饼图，所以在网上搜到jqplot这个插件。下面就说说我对他的简单的使用心得。 先说说我想要的效果：1.我需要修改饼图每个部分的背景色 2.我需要修改饼图里面文本的颜色和字体大小 3.还需要右侧说明文本都是带链接的 ... 阅读全文
posted @ 2014-04-23 16:35 enggirl 阅读(2625) 评论(0) 推荐(0)
文本模糊效果兼容主流浏览器
摘要：一天一个效果让我头疼，就是如何让文本模糊，然后里面的内容seo还能搜索到，如果有链接的话，还可以点击。还有最关键的就是要兼容ie6,7，但是经过我一天的努力，只能兼容到ie7.下面就听我慢慢跟你唠叨这里面的东东。 先看一下我们要实现的效果上面那个是图片，下面红框里面才是我们要实现的效果。 这个东东我用到了几样东西：text-shadow，color，你可能会怀疑这个怎么能出这个效果呢？ 大家都知道text-shadow是可以模糊文字的，但是这里color是个什么来路呢？哈，他才是今天的主角。先卖个关子，看代码： 1 2 3 4 5 Document 6 12 ... 阅读全文
posted @ 2013-11-11 14:55 enggirl 阅读(745) 评论(0) 推荐(0)
点滴记录：input的value不能放值
摘要：以前我写登录框交互的时候，总是在focus和blur时，把input的value值为空或显示，也一直认为对的没有争议。可是，今天，后台同学告诉我这个不好使了?!我一时没听明白，后来他亲自演示后，我才知道怎么回事了。原来当登录的输入框为默认值时候，点击登录，会把输入框的默认值带到登录报错页面，这也就是常说的表单提交到服务器的是value值。所以，考虑到此，我把input的value为空，然后把这个默认值用label绝对定位上去，即用户名补充：input[type=button]的记得要设置overflow：visible；否则他会自动给默认按钮添加左右padding，对比图： 阅读全文
posted @ 2013-08-26 16:18 enggirl 阅读(492) 评论(0) 推荐(0)
[转载]jQuery诞生记-原理与机制
摘要：by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=3520一、看似偶然的东西实际是必然会发生的我大学时候在图书馆翻过一本很破旧的书，讲生物理论的，主要内容就是探讨生命的产生是偶然还是必然。里面很多亚里士多德都看不懂的公式计算什么的，还有模拟原始地球环境出现了有机物的实验什么的。总之，书论述的观点是：“在当时的地球环境下，生命的产生是必然的！” 无数次机会的偶然条件、无数次化合物的相遇反应等必定会产生有机物，再有N多偶然，有机物必然形成了有机体……这种理论类似于，你是个过 阅读全文
posted @ 2013-07-25 10:06 enggirl 阅读(273) 评论(0) 推荐(0)
form表单中的id 与name的区别
摘要：以前经常写form表单时，不写id和name，总觉得没有什么用。后来一看后台套完的页面发现，他们都补上name，不知道所以然，就查了一下资料，吓我一跳，要是照我那样写根本不会有数据传到服务器。原来表单提交用户输入的数据，是根据表单元素的name值来控制表单控件的。那么表单控件里面的id是干嘛的？就是为了区别不同的表单控件，还有一个作用，就是点击表单控件提示信息时也能让表单控件获得焦点的效果，用label提高用户体验，这时的label属性中的for是跟表单控件的id一致的，我以前老是搞混，以为是跟控件的name值一样，因为看例子中总是name值跟id值一样。 这也引出另一个问题就是labe... 阅读全文
posted @ 2013-06-27 14:35 enggirl 阅读(21038) 评论(0) 推荐(2)
jq next nextAll nextUntil siblings的区别
摘要：以前我常用的是siblings，然后就是next，那么nextAll和nextUntil是啥？一查才知道他们的关系是这样的： next：紧挨着$('')的一个元素 nextAll：在$('')以后的所有的同辈元素 nextUntil：until有直到。。。之前的意思，所以他表示$('')以后的所有的同辈元素，不过要在nextUntil参数之前，不包括匹配的元素本身 sibings:$('')前后的所有同辈元素 简单理解就是，next就是找他的弟弟/妹妹，nextAll就是找他所有的弟弟/妹妹，nextUntil就是找比他小一定年龄 阅读全文
posted @ 2013-05-24 15:19 enggirl 阅读(872) 评论(0) 推荐(0)
return false vs stopPropagation(), preventDefault()，stopImmediatePropagation()
摘要：传说return false作用很强大，不仅可以阻止事件冒泡，还可以阻止浏览器的默认行为，还可以减少ie系列的bug。今天就来说说return false 第一次用return false的时候是放在函数里面的，这样当函数作为if条件判断的时候，可以直接用return的返回值，因为返回的正好是个boolean值。还有个额外效果是，在return后面写的语句都不执行，因为在函数里面遇到return，就表示函数已经执行完。第二次就是用在a作为按钮的时候，阻止浏览器的默认行为，也就是a链接的自动跳转。术语简介：那么什么是默认行为呢？就是浏览器会对一些元素默认给予一定的操作，比如a，input[... 阅读全文
posted @ 2013-05-17 17:01 enggirl 阅读(712) 评论(0) 推荐(0)
jq mouse事件
摘要：跟mouse有关的事件有这样几对：mouseuup跟mousedown，mouseover跟mouseout，mouseenter跟mouseleave，还有mousemove，隐性mouse动作hover和click。 为什么说hover是隐性mouse动作呢？因为$(selector).hover(handlerIn, handlerOut)是$(selector).mouseenter(handlerIn).mouseleave(handlerOut)的简写。 mouseenter跟mouseleave本是IE支持的属性，但是经过jq处理后，可以不需要考虑浏览器的兼容，而且与mo... 阅读全文
posted @ 2013-04-01 17:10 enggirl 阅读(1573) 评论(0) 推荐(1)
$.each() $().each的区别
摘要：今天看api中的css(),最后有个方法我觉得很不错，就是可以逐渐修改元素的大小，今天的主题就由此引出的，那先看一下这个应用。 1 $("div").click(function() { 2 $(this).css({ 3 width: function(index, value) { 4 return parseFloat(value) * 1.2; 5 }, 6 height: function(index, value) { 7 return parseFloat(value) * 1.2; 8 ... 阅读全文
posted @ 2013-02-27 14:34 enggirl 阅读(323) 评论(0) 推荐(0)
replaceWith 与replaceAll的区别
摘要：如题，这两个方法都是用来替换的，那他们有什么区别呢？带'with'有,用的意思，用到这里A.replaceWith(B),表示用B替换A，而replaceAll不能根据字面意思理解，他是全部替换，我以前就是这么理解的，后来看了api才知道不是那样的。replaceAll跟replaceWith功能一样，就是把A和B换了一下位置，但是他们有个共同点，就是被选择的元素从他原来的位置移开，然后替换掉目标元素所在位置，而不是克隆，而且替换的时候是整个目标元素包括他的内容一块被替换掉 阅读全文
posted @ 2013-01-05 23:19 enggirl 阅读(625) 评论(0) 推荐(0)
appendTo()小体会
摘要：今天看jquery API发现一个有趣的现象，调用appendTo()后，发现调用的对象从原来的位置上消失了，而是出现在appendTo()的参数里1 <p>this is a p</p>2 <div></div>3 <div></div>4 <div></div>5 <div></div>然后执行一句$('p').appendTo('div')后，firebug截图：原来的p没了，消失了，那么他是彻底消失了吗？我们验证一下：添加end()后， 阅读全文
posted @ 2012-12-25 14:44 enggirl 阅读(500) 评论(1) 推荐(0)
firefox对条件判断语句块内的函数声明的处理
摘要：今天在做一个小练习的时候，发现一个问题，firefox输出的结果跟其他浏览器不一样，甚至还报错。废话少说，直接上码：1 (function(){2 if(S){3 S();4 }else{5 alert("b");6 function S(){alert("a")}7 }8 })();这个一开始我猜测的是输出b，结果都是a，除了ff的报错首先来看ff为什么会报错，这个理解了也就理解了为什么会输出a而不是b。在w3chelp上面这样解释的：“根据 ECMAScript ... 阅读全文
posted @ 2012-12-05 11:19 enggirl 阅读(320) 评论(0) 推荐(0)
处理图片缓存问题
摘要：今天遇到一个问题，就是相同的src值，但是图片换成了另一张图片，名称不变，但是图片不变化，仍显示原来的图片，但通过firebug看img标签里图片已经变化，因为当src的地址不变时浏览器不会重新加载图片，而仍从缓存里面读取。所以要想让它不从缓存取，而是重新从服务器加载，只需给这个src后面加一个随机数，这样浏览器看到每次显示的随机数不同，就认为是读取的是不同的图片，所以就不会从缓存取图片啦，而是从服务器上重新加载在此之前尝试过把img的src清空，然后再赋值一个新的src值，还有定义一个新的img对象，先remove原来的img，然后用新img覆盖他，但是都不好使。一句随机数顶了好多行的代码， 阅读全文
posted @ 2012-11-29 14:43 enggirl 阅读(433) 评论(2) 推荐(0)
class问题
摘要：我创建了一个div，给这个div添加了一个类名，一开始我用Odiv.setAttribute("class","my_div")给这个div添加class属性,这个在ff，ie8,9都ok，但是在ie7和ie6下面就不认识，那个创建的div根本没有显示，然后我想起来class好像是保留字，所以我就把class换成className，这回ie7好啦，ie6还是不显示，ff里也不显示啦。然后我就想还有什么方法可以给div设置类名呢，就在网上搜了一下，原来还可以用赋值的方式来设置元素的类名，即Odiv.className = "my_div" 阅读全文
posted @ 2012-11-28 14:52 enggirl 阅读(152) 评论(0) 推荐(0)
遮罩层练习体会
摘要：1.不能把遮罩层效果直接加在body元素上，因为body里的元素都是在body之上，不管给body设置z-index有多大都不管用，按照始终都在遮罩层撒谎那个吗，所以要在body上面盖一个空div，这个div跟body一样大小，在这个div上加遮罩效果。2.遮罩层的宽高一定要取document.documentElement.scrollHeight 和document.documentElement.clientHeight两者中的最大值，因为这样当出现滚动条的时候，滚动条的区域也会有遮罩层，否则就是百度，横向的也是同理。Math.max(document.documentElement.s 阅读全文
posted @ 2012-11-21 23:00 enggirl 阅读(220) 评论(0) 推荐(0)
ie6,7 SCRIPT1028: 缺少标识符、字符串或数字
摘要：头一次写js，就遇到这个bug，傻了，不知道该怎么做，不过幸好有前辈们探路。因为ie6,7报这个错误，所以导致表单验证的提示统统不显示。究其原因是ie这个怪胎,不容许在json最后一个元素后面加',',也就是说'xxx':{xx:xxxx,xx:xxxx,xx:xxxx,}这个红色的','就是障碍，有它就没有验证提示信息，二者只能存一个，所以果断去掉，错误解除！！我的js代码大致如下：'mobile':{ ...},'active':{ digits:"<em class='icon1 阅读全文
posted @ 2012-09-14 18:23 enggirl 阅读(887) 评论(0) 推荐(0)