专注前端

摘要： 今天写代码的时候发现一些问题，总结下：1.在tbody中插入html的时候FF chrome都没问题，在IE下报错(查资料得到:IE中table tbody tr等的InnerHTML都为只读，td的可以读写。所以报错)2.在向一个节点插入HTML代码时，由于IE不支持insertAdjacentHTML方法。所以做了如下判断if(element.insertAdjacentHTML){ element.insertAdjacentHTML('beforeEnd',html); }else{ ... 阅读全文

摘要： (function(){ function Drag(){ this.init.apply(this,arguments[0]); } Drag.prototype = { constructor:Drag, init:function(){ if(typeof arguments[0] !== "object") return; this.element = ar... 阅读全文

摘要： 今天在写一个小东西的时候，由前台想后台PHP发送数据，使用了PHP的函数 json_encode();函数的功能是将一个PHP数组转化成 json格式的字符串申明：所有操作都是在UTF-8编码下。<?php $arr = Array( 'name' => 'bell', 'age' => '22', 'desc' => '很帅很帅很帅很帅的人！' ); $json = json_encode($arr); ... 阅读全文

摘要： 改变前:大部分浏览器默认文字选中的背景都是蓝色的底色和白色的字，比较千篇一律。有时候为了风格更佳统一，特别是一些文章比较多的网页。改变颜色是个很好的选择。当然，万恶的低版本IE还是不兼容！::selection { background:#ff5500; color:#fff; } ::-moz-selection { background:#ff5500; color:#fff; } ::-webkit-selection { background:#ff5500; color:#ff... 阅读全文

摘要： 运动框架准备 阅读全文

摘要： *{ margin:0; padding:0; } ul li{ list-style-type:none; } #content{ width:950px; margin:20px; } #magnifier{ width:460px; height:460px; border:1px solid #eee; position:relative; } #ma... 阅读全文

摘要： JavaScript 会提升变量声明。这意味着 var 表达式和 function 声明都将会被提升到当前作用域的顶部。bar();var bar = function() {};var someValue = 42;test();function test(data) { if (false) { goo = 1; } else { var goo = 2; } for(var i = 0; i < 100; i++) { var e = data[i]; }}上面代码在运行之前将会被转化。JavaScript 将会把 ... 阅读全文

摘要： 循环一个节点列表(NodeList)或者数组,并且绑定事件处理函数引发对闭包的理解 当然可以使用事件委托来实现，而且性能更好，但是这里纯粹为了理解这个问题。 我在网上查阅了很多资料，有了一点理解，记录下来。如果有不对的地方，各位看客请指正。 代码如下： HTML结构<div id='one'></div> <div id='two'></div> <div id='three'></div> JS处理 var odivs = document.getElementsByTag 阅读全文

摘要： IE和Firefox对iframe document对象的差异性在IE6、IE7中，我们可以使用document.frames[ID].document来访问iframe子窗口中的document对象，可是这是不符合W3C标准的写法，也是IE下独有的方法，在Firefox下却不可以使用，Firefox下使用的是符合W3C标准的document.getElementById(ID).contentDocument方法，今天我在写实例的时候，通过IE8进行测试，IE8也是使用的符合W3C标准的 document.getElementById(ID).contentDocument 方法。所以我们可 阅读全文

摘要： ;(function($){ $.fn.extend({ scrollLoad:function(options){ var options = $.extend({ src:'xsrc', //预加载在<img> 中的属性值 如<img xsrc='img.jpg' /> delayTime:300 // 滚动条停止在一个地方超过300毫秒，才开始加载 },options); ... 阅读全文