09 2012 档案
摘要：解决IE6下的Hover背景图片闪烁问题，关键是图片不缓存IE6下的背景图片每次使用都会重新发送请求，所以会出现闪烁的情况：解决方案：HTML注释 + JS<!--[if IE 6]><script type="text/javascript"><!- document.execCommand("BackgroundImageCache", false, true); --></script>也还有一种解决方案就是使用expression，不过不推荐使用，所以不不出列出来。
阅读全文
摘要：对于浏览器上的开发者来说，2011年又是相当精彩的一年。web开发者Phil Hawksworth在这篇文章中总结了web 上经典的JavaScript用法。那些喜欢冒险体验前沿技术的开发者现在应该会非常开心。浏览器正变得越来越强大，上面有各种丰富的功能可以供开发者选择，一些在几年前几乎难以想象 的功能都已经一一实现。有了这些新功能，开发者现在能够开发出更精细、更复杂、更有想象力的用户界面了。这为网站开发扫清了障碍，网站能够拥有让人惊喜的 用户界面了。有时候，这种技术的运用是非常精妙的，它无声无息地改变了应用的用户体验。有时结果就像是加入樱桃可乐中的跳跳糖，悄悄地给人们带来惊喜。这里有20个特
阅读全文
摘要：在网上看到一篇文章写得很好，给大家分享一下：个人对用户体验的目标是，做到“自然”。 举几个例子， 1，我观察3岁的小孩用iphone很容易上手。比如，iphone的开锁，小孩甚至不用学就会用。因为触摸是人的天性，同时iphone通过箭头图标，向右滑动的文字条(小孩看不懂文字)，来暗示手指触摸向右滑动来解锁。自然和人的天性是一致的。大人因为成年后受污染较多，反而不一定立即学会iphone解锁，可能需要看文字解释来理解。所以不识字的小孩可能比老年人更快学会使用iphone。需要用文字来解释的交互不是好交互。 2，Apple在“自然”体验上做了很多尝试。比如，通常PC下的“文件夹”(甚至“文件...
阅读全文
摘要：做网站时，我们经常用到Cookie，比如用户登录，换肤等等...不过原始的设置比较麻烦，特别是读取Cookie时，现在我们将其扩展到jQuery中，很方便地调用，读取，删除，这就是我们的目标，WRITE LESS ,DO MORE! /* jQuery cookie Author：Kingwell Leng Email :kingwell.leng@gmail.com */ jQuery.setCookie = function (sName, sValue, oExpires, sPath, sDomain, bSecure) { ...
阅读全文
摘要：写了一款jQuery插件，选择卡切换效果： /* <div class="tab-container"> <ul class="tab-title"> <li class="current"></li> <li></li> <li></li> <li></li> </ul> <div class="tab-content"></div> <div clas
阅读全文
摘要：如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。有两种使用方法：方法1： <label for="userName">用户名：</label><input type="text" id="userName"/> 方法2：<label>用户名：<input type="text"/></label> 当在单选或多选里使用时，还会出现一种视觉效果，这也是一种友好的方式
阅读全文
摘要：有时候，特别是在Ajax请求返回数据时我们需要知道返回数据的结构，如果是Object，使用Alert是打印不出来的，使用Firebug中的 console 可以查看，我自己写了一个函数，有点像这个，有时候觉得使用console还不够直观，所以自己想办法写一个，不过现在支持的层级就三层，多了就不行了， 多了就出现object。if(!window.debug){ window.debug = {};//选择一个自己的命名，千万别跟别人的冲突 }; debug.info = function(obj){ if (typeof _deBugStatus_ !== "undef...
阅读全文
摘要：现在是一个推崇结构，表现，行为想分离的时代，最大的好处就是维护起来比较简单，方便，代码重用。把CSS，JS写在HTML里，就像一个大杂烩，很难理解，可读性差，文件大，维护起来非常麻烦。但是CSS到底是内联还是外联呢？我们只要分析它的特点就不难得出答案。CSS内联：就是把CSS放在HTML Head里使用Style包围。<style type="text/css"></style>CSS外联：就是把CSS放到一个单独的文件里，然后在HTML通过调用。<link rel="stylesheet" type="text/
阅读全文
摘要：点击打开这是一个国外的CSS3的网站，CSS3新增的一些功能都可以演示，分享给大家。
阅读全文
摘要：最近项目中用到了Linux命令，这个东西平时用得不太多，之前也有接触过，只是用得少就忘记了。现在找了一些常用的命令，学习一下，比较实用：vi 常用命令行1.vi 模式 a) 一般模式： vi 处理文件时，一进入该文件，就是一般模式了. b) 编辑模式：在一般模式下可以进行删除，复制，粘贴等操作，却无法进行编辑操作。等按下‘i,I,o,O,a,A,r,R’等 字母之后才能进入编辑模式.通常在linux中，按下上述字母时，左下方会出现'INSERT'或者‘REPLACE’字样,才可以 输入任何文字到文件中.要回到一般模式，按下[ESC]键即可. c) 命令行模式：在一般模式中，输入
阅读全文
摘要：以下大部分demo明河在以前的html5demo推荐中都有提到过，这篇算是集大成者，html5的大部分特性在这些demo中都有体现。1.Tunneler2.JuicyDrop3.Magnetic4.Trail5.Sinuous6.DDD7.Harmony8.Lines go all over the place.9.Chrome Canopy10.Ball Pool11.Chain Reaction12.Entanglement13.Blob14.Biolab Disaster15.Google Gravity16.Core17.Gartic18.HTML5 Video Destruction
阅读全文
摘要：Javascript Math.ceil()与Math.round()与Math.floor()区别:Math.ceil()向上舍入alert(Math.ceil(20.1)) //输出 21alert(Math.ceil(20.5)) //输出 21alert(Math.ceil(20.9)) //输出 21Math.round标准的四舍五入alert(Math.round(20.1)) //输出 20alert(Math.round(20.5)) //输出 21alert(Math.round(20.9)) //输出 21Math.floor()向下舍入alert(Math.floor(2
阅读全文
摘要：经测试发现不同浏览器对display为none元素的图片处理不一样，主要是opera处理不一样，如果元素display为none，则不加载图片，当元素设置为非none时再加载，其它浏览器则加载，Firefox可以通过Firebug查看，Opera可以通过fidder查看。
阅读全文
摘要：一：在Javascript里，如果克隆对象是基本类型，我们直接赋值就可以了：1 var sStr = "kingwell";2 var cStr = sStr;3 alert(cStr);//输出kingwell4 sStr = "abc";5 alert(cStr);//输出kingwell;把一个值赋给另一个变量时，当那个变量的值改变的时候，另一个值不会受到影响。二：如果不是基本类型，那就有所有不同了：1 var aArr = [0,1,2,3];2 var m = aArrr;3 alert(m);//输出1,2,34 aArr=[3,2,1,0]
阅读全文
摘要：DOM树首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：事件冒泡(又称事件传播)当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。1 $('a').bind('click',function(){alert('that tickles!')})因此一个单击操作会触发alert函数的执行。click事件接着会向树的根方向传播，广播到父元素，然后接着是每个祖先元素，只要是它的某个后代元素上的单击事件被触发，事件就会传给它。在操纵DOM的语境中，
阅读全文
摘要：mouseover与mouseenter不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。mouseout与mouseleave不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。
阅读全文
摘要：在网上看到一篇文章与大家分享一下：“我们都知道,很多时候,在页面加载完后都需要做一些相应的初始化动作.例如,运行某些js特效,设置表单等等.怎么知道页面加载完了呢?一般情况下都是设置body标签的onload监听window的load事件.但load事件是要在页面的元素全部加载完了才触发的,如果页面上图片较多或图片太大,就会导致初始化的代码未被执行的时候用户就做了其它操作了. Jquery库提供了一个非常方便好用的函数( $(selector).ready()),让我们可以在页面的dom加载完后就可以做相应的操作(当然,这还得看用户浏览器的支持).,而不用等待全部元素加载完成.例如:1 $(d
阅读全文
摘要：js有5种基本数据类型：数值型 （number）、字符串型（string）、逻辑型（boolean、无定义数据类型 （undefined）、空值(null)；另外还有3种复合数据类型，分别是：函数（function）、对象（object）、数组 （array）。判断数据类型是经常的事情，比如：基本数据类型：var sStr = "kingwell";var nNum = 2012;var bBoo = false;var uNde;var nNu = null;alert(typeof sStr);//输出 string;alert(typeof nNum);//输出 nu
阅读全文
摘要：Array.sort()sort用于在原数组上对数组元素进行排序，不过它是按照字符编码的顺序的：比如： var a = [1,2,3,22,5,6,66,5555];a.sort();//输出 1,2,22,3,5,5555,6,66但是我们要对数字按照从小到大，或从大到小排序需要给它加一个参数。1 var a = [1,2,3,22,5,6,66,5555];2 a.sort(function(a,b){return a-b});//输出1,2,3,5,6,22,66,55553 a.sort(function(a,b){return b-a});//输出5555,66,22,6,5,3,.
阅读全文
摘要：好的代码书写对可读性，维护性不言而喻，JSMin这套插件可以格式化Javascript代码，也可以压缩，压缩将近50%，是JS程序员必备插件之一。JSMin用于JavaScript文件中剔除注释和没用的空格 ，它的特点就是能减少文件的大小，从而加快下载速度。JSMin下载地址
阅读全文
摘要：做前端的，总是要跟兼容性打交道，CSS兼容性，JS兼容性，这里我总结了一些getAttribute(),setAttribute()在不同浏览器下兼容性以及如何解决这些问题： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml">
阅读全文
摘要：最近一个项目，要在静态页面上上传附件（头像），如果是动态网页就比较好做，但是静态页面就要采用另外的解决方案，其中的一种方法就是使用iframe，1 <form action="服务器地址" target="uploadImage" method="post" enctype="multipart/form-data">2 <input type="file" />3 <input type="submit" />4 </form>
阅读全文
摘要：一般我们删除Cookie的话是指出Cookie名，然后把这个Cookie的expires设置为一个过去时间，但是如果网站有很多Cookie，但一个一个地清除的话是比较麻烦的，现在有了批量删除Cookie的方法，代码如下： 1 function clearAllCookie() { 2 //获取所有Cookie，并把它变成数组 3 var cookies = document.cookie.split(";"); 4 //循环每一个数组项，把expires设置为过去时间，这样很容易地消除了所有Cookie 5 ...
阅读全文
摘要：1 原则一： 继承不如指定 2 原则二： #id > .class > 标签选择符 3 原则三：越具体越强大 4 原则四：标签#id >#id ; 标签.class > .class 5 6 CSS优先级权重计算法 7 8 CSS优先级包含四个级别（标签内选择符，ID选择符，Class选择符，元素选择符）以及各级别出现的次数! 9 10 根据这四个级别出现的次数计算得到CSS的优先级。11 12 CSS优先级的计算规则如下：13 * 元素标签中定义的样式（Style属性）,加1,0,0,014 * 每个ID选择符(如 #id),加0,1,0,015 * 每个Class选
阅读全文
摘要：在项目中，经常会碰表格排序，最近整理了一个表格排序包括字符串，日期，整型，浮点型，以及图片等高级排序，将服务器功能转移到前端实现，减轻了服务器压力，功能比较强大。 1 (function () { 2 /** 3 @ Author: Kingwell leng 4 @ Date : 2012-8-22 5 @ Blog : http://kingwell-leng.iteye.com/ 6 @ Email : jinhua.leng##gmail.com 7...
阅读全文
浙公网安备 33010602011771号