2012年5月23日
ie6-7下的li内有浮动元素后导致多出了4px的高度的bug
摘要： 没有仔细的去看原因。稍微搜索了一下，找到了解决方法。哎，知道就行了，样式bug这个东西，深入研究也研究不出啥来。记住就行了<style type="text/css">body{margin:0,padding:0;}ul{height:56px;background:#f1f;}li{overflow:hidden;list-style:none;height:28px;width:100px;background:#22f;}div{height:28px;float:left;}</style> <ul> <li class= 阅读全文
posted @ 2012-05-23 17:59 日—月 阅读(216) 评论(0) 推荐(0)
  2012年5月15日
一个Tahoma字体bug引发的思考—关于样式bug的分析流程
摘要： 这是一篇分析流文章，不是技术流。问题：我们经常会碰到很多莫名其妙的样式bug，也许10个浏览器下，9个浏览器是好的。但是就有一个浏览器有问题。很多情况下，ie6/7出bug的几率比较大，当然解决办法也是很多，zIndex，双边距，末尾多一个字，等等都成为了耳熟能详的bug流派了。但是opera，firefox，safari下也会有bug，这个时候要是出了问题该怎么办呢。一个opera的bug实例我还是得说，我这里只是提供一个解决问题的流程，具体是什么什么原因导致的，就不做深入研究了。bug如下。------------这个结构大家应该很熟悉了，很多情况下就是 ul>li*n 的样子。li 阅读全文
posted @ 2012-05-15 21:27 日—月 阅读(849) 评论(0) 推荐(0)
  2012年4月13日
ie6下，给a添加事件，如果事件中有http请求，将会无效
摘要： 问题：在做登陆框显示验证码的时候，常会给一个操作，点击a标签显示验证码。大概结构如下<img id="img1" /><a id="a1" href="javascript:void(0)">点击我显示验证码</a><script>a1.onclick=function(){//点击a1，请求验证码地址，并且显示img1.src='http://.......';}</script>如果你的代码是这样的，那在ie6下，这个请求将会失败。原因？未知。但是可以得出 阅读全文
posted @ 2012-04-13 16:47 日—月 阅读(208) 评论(0) 推荐(0)
  2012年3月19日
判断是否是纯粹的对象-isPlainObject
摘要： 需求：有时候我想限定参事是一个对象，形如{a:1,b:2}类似于json格式。但是js中没有什么方法判断纯粹对象这个方法。js中一切都是对象，数字可以是Number对象，还有其他dom对象等等。typeof location，Object.toString.call(document)在ie下 都返回了object我们想要这样一个对象，他是个字面量，形如var o={a:1,b:2}.或者他是这样生成的var o=new Object();o.a=1;o.b=2;对于这样的构造函数为Object的对象o，才是满足我们要求的纯粹的对象。看下面jquery对纯粹对象的判断实现：jquery1.64 阅读全文
posted @ 2012-03-19 16:12 日—月 阅读(812) 评论(0) 推荐(0)
  2011年12月5日
用弧度画圆
摘要： 我们知道角度是不会随着半径的变化而改变。角度，弧长（或者面积）和半径存在着必然的关系。因为弧长和半径都是数字。而角度是度数转换不是很方便。如果能把这种关系f，直接由弧长和半径来表示，那就比较方便了。因此有了弧度的概念。弧度单位记作rad。弧度就是弧长比半径也就是L/r。如果L=r就表示1rad。1个圆的周长是 L=PI*2*r。而1个圆的 周长/r就是弧度，L/r=2*PI*r/r= 2*PI <=> 360度. 所以1个圆既可用360度表示，也可以用2*PI的弧度表示。记作2*PI rad.1rad=180/PI=57.3度。1度=PI/180=0.01745rad。三角函数解码 阅读全文
posted @ 2011-12-05 13:49 日—月 阅读(661) 评论(0) 推荐(0)
  2011年11月25日
画圆
摘要： 根据割圆法.看下图根据割圆法画圆。假设横坐标从0开始逐渐增加到直径长度。假设半径r=100，O的坐标是100,100。假设C的横坐标是x，纵坐标就是r- Math.sqrt(r*r-(x-r)*(x-r))<!DOCTYPE HTML><html> <head> <style type="text/css"> *{margin:0;padding:0;} </style> </head> <body> <canvas id="myCanvas" width=&quo 阅读全文
posted @ 2011-11-25 14:56 日—月 阅读(437) 评论(0) 推荐(0)
  2011年10月26日
jquery直接操作元素的方式
摘要： jquery给我的最大感觉是操作元素极其方便。可以方便的选择dom对象，然后操作。jquery是如何实现选择到dom元素后直接使用方法的呢？要让dom对象直接使用方法，要么直接给dom对象添加方法，或者追溯prototype中的方法1直接给对象添加方法varele=function(){return得到dom对象}varo={method1:function(){},method2:function(){},...}把o中的方法手动一个个添加到ele对象中 这样，速度好像比较慢。2直接在Element构造函数上添加方法varele=function(){return得到dom对象}Eleme. 阅读全文
posted @ 2011-10-26 18:14 日—月 阅读(300) 评论(0) 推荐(0)
  2011年10月21日
对象本无名-关于引用
摘要： 介绍：这是篇简单的文章，其实就是引用的问题，但是挺绕的。问题：varf=function(){this.a=1}f.prototype.b=33vara1=newf()f.prototype={b:3}console.log(a1.b) //？分析： 这里结果是33还是3呢。初看上去是3，好像3覆盖了原来的33.如果分析一下对象生成的过程。f本身是一个对象A，new f 时。出一个新的对象C。这个对象有一个__proto__属性链接到f.prototye对象B。现在C已经指向了B。而后，f.prototype也就是B 又指向了D对象{b:3}。所以这里一共就A,B,C,D三个对象。看下图总结: 阅读全文
posted @ 2011-10-21 16:35 日—月 阅读(164) 评论(0) 推荐(0)
  2011年7月8日
js继承
摘要： 问题：为什么要继承？js中继承的方式有哪些？1为什么要继承？原则是什么？1 reduce the amount of duplicate code 2 make your objects as loosely coupled as possible总的原则：减少重复代码，减少耦合2继承的方式 ？2.1类式继承，一步一步来改进2.11继承最简单的方式。 functionA1(){}A1.prototype={}functionA2(){}A2.prototype=newA1;2.12 继承常用的方式—组合继承如果上面的代码中， function A1(this.colors=["red 阅读全文
posted @ 2011-07-08 13:52 日—月 阅读(339) 评论(0) 推荐(0)
  2011年6月22日
getStyle的实现
摘要： 问题：获取元素的真实的样式。在DHTML中经常需要操作css属性，但是取值不是很方便。因为直接元素.style.属性的方式取到的是元素的style属性的值，不能得到<style>元素内的值。方法：1基本情况.1　在HTML种有三种方式定义样式。分别是link外部导入，style元素，元素的style属性 在DOM2 Styles中提供了一套以上的API 访问Style属性，必须使用驼峰法的方式.2 获取真实style的值 IE下使用currentStyle。ff下使用getComputedStyle。这两种方式可以取到样式定义的三种方式混合后的最终结果。.3 直接获取和设定整个st 阅读全文
posted @ 2011-06-22 15:54 日—月 阅读(333) 评论(0) 推荐(0)