To be F2Eer with passion!

摘要： 今天在处理页面边距时，又遇到这个问题，float元素在设定margin-bottom时在IE6和IE7下会失效，之前就碰到过，但是用其他的办法调试会就过去了，今天遇到就觉得非得正规整理一下，下面请看实例：#box{width:600px; background:#E6FECB; border:3px solid #933; overflow:hidden;}.float_div{float:left; margin:20px; width:100px; height:100px; display:inline; background-color:#CCC;}</style>< 阅读全文

摘要： 不知是哪位牛人发明了用css画三角形这个牛逼的方法，后来这个技术一直流行到现在，的确很好用。在日常项目中也经常会用到这个技术，但是今天在使用的时候，在IE8/9下，使用text-indent的时候会有问题。先看看实例代码，我们在.right这个div的border上面画一个三角形。html代码如下：<div class="right"> <s><i></i></s> <p>画个三角形</p></div>css代码如下：.right { width: 330px; height: 阅读全文

摘要： 昨天到今天上午都在查一个IE的bug，情形如下：通过异步请求获取json数据，然后拼接成html代码，最后使用innerHTML类似方法插入到文档流中。在chrome下和IE8\9下均表现正常。结果已进入IE7，浏览器就崩溃，更别提IE6了，也是一副死给你看的样子。于是我就把这个bug定位于IE6\7，其实这时候我已经陷入了这个固定思维模式中，浪费了不少时间。检查bug的步骤1. bug定位在js脚本中，按照脚本执行的顺序，你可以用console或alert，来确定bug发生的代码区间，然后在区间内进一步来查找bug发生的具体代码段。2. bug fix通过排除，就是在插入节点内容的时候导致. 阅读全文

摘要： 今天在处理页面边距时，又遇到这个问题，float元素在设定margin-bottom时在IE6和IE7下会失效，之前就碰到过，但是用其他的办法调试会就过去了，今天遇到就觉得非得正规整理一下，下面请看实例：#box{width:600px; background:#E6FECB; border:3px solid #933; overflow:hidden;} .float_div{float:left; margin:20px; width:100px; height:100px; display:inline; background-color:#CCC;} </style> & 阅读全文

摘要： QGit 是一个基于Qt/C++ 开发的GIT的图形化浏览器。可以用来浏览修订版记录、补丁内容以及更改的文件。下载地址：http://software.opensuse.org/package/qgit 阅读全文

摘要： 转载自：http://www.hujuntao.com/archives/ie-remove-the-link-to-the-dotted-rectangle-several-ways.html虚线框简直就是个多余的东西，上一篇教大家怎么去除Firefox中链接和按钮虚线框，今天叫大家去掉去除IE中链接的虚线框。方法一：利用javascript的onfocus事件，实现如下：Html代码<a href="http://www.hujuntao.com/" onfocus="this.blur();">设计蜂巢</a>如果引入了jQ 阅读全文

摘要： 我用两种方法来生成img对象，第一种方法是用new方法，第二种方法是用document.createElement方法。var img1 = new Image(); var img2 = document.createElement('img');其实，乍一看，感觉有些不同，但是具体什么不同，一下子也说不上来。在console窗口，比较看看，都是生成img对象，节点名称都一样。接下来，我来比较一下它们的node类型结果nodeType也是一样的，都属于元素节点。节点类型常用的有3种，元素节点Node.ELEMENT_NODE(1)；属性节点Node.ATTRIBUTE_NOD 阅读全文

摘要： jsonview的官网地址：http://jsonview.com/1.在做开发的时候，经常需要从服务器拿数据，一般返回数据都会用json来封装。由于一些原因，从服务器端取得的json数据，往往是经过unicode编码，没有格式化的数据，很难阅读，如下图所示：这样的话，对开发人员在阅读的时候会造成一定的困扰。2.而jsonview正是应用与这个场景，它可以将json数据进行转码和格式化，以一种清新的形式展示给大家，如下图所示：这样更便于阅读。3.如何安装？首先得确认你安装了chrome浏览器，然后进入chrome web store中，搜索“jsonview”，然后安装它。最后对浏览器进行设置 阅读全文

摘要： 在javascript里面，我们知道有两种常见的创建对象的方法，一种是使用对象直接量：对象直接量是由若干值/键对组成的映射表，值/键对用逗号”,“分隔开，整个部分用花括号”{}“括起来。例如：var empty={}; var people = { name:'kobe', age:'34' }; 另外一种方法是通过new创建对象：在new后面使用一个函数调用，这个函数也成为构造函数，通过new来初始化一个新的对象。例如：var arr = new Array(); var date = new Date(); var obj = new Object(); 其 阅读全文

摘要： window.close（），一看就知道是用来关闭浏览器窗口的方法。W3CSchool对该方法的解释如下：方法 close() 将关闭有 window 指定的顶层浏览器窗口。某个窗口可以通过调用 self.close() 或只调用 close() 来关闭其自身。只有通过 JavaScript 代码打开的窗口才能够由 JavaScript 代码关闭。这阻止了恶意的脚本终止用户的浏览器。 在IE中，window.close()能生效，在生效的时候，会弹出提示框，询问你是否关闭该窗口，如图： 点击“是”，可以直接关闭该窗口。是这段代码在chrome和Firefox下面不会生效。针对chrom... 阅读全文