摘要: 做项目时,我们都是手写代码,但是这样效率不高,如果有自动完成代码功能是不是更好呢?一:Editplus自动完成功能当你要插入一个有Class的DIV时,你要输出很多代码<div class=""><div>,有没有更快的方法呢?你是否希望当你在某个编辑器里输入:divc然后空格就就出现 <div class=""><div>,而且光标就显示在“”里面,Editplus就有这样的功能,不过这种预定义功能需要自己写,一般网上可以找到,也可以自己写,在:设置-》参数-》文件-》设置&语法,然后再选择相应语 阅读全文
posted @ 2012-10-11 13:44 kingwell 阅读(429) 评论(0) 推荐(0) 编辑
摘要: 解决IE6下的Hover背景图片闪烁问题,关键是图片不缓存IE6下的背景图片每次使用都会重新发送请求,所以会出现闪烁的情况:解决方案:HTML注释 + JS<!--[if IE 6]><script type="text/javascript"><!- document.execCommand("BackgroundImageCache", false, true); --></script>也还有一种解决方案就是使用expression,不过不推荐使用,所以不不出列出来。 阅读全文
posted @ 2012-09-29 11:32 kingwell 阅读(1156) 评论(0) 推荐(0) 编辑
摘要: 对于浏览器上的开发者来说,2011年又是相当精彩的一年。web开发者Phil Hawksworth在这篇文章中总结了web 上经典的JavaScript用法。那些喜欢冒险体验前沿技术的开发者现在应该会非常开心。浏览器正变得越来越强大,上面有各种丰富的功能可以供开发者选择,一些在几年前几乎难以想象 的功能都已经一一实现。有了这些新功能,开发者现在能够开发出更精细、更复杂、更有想象力的用户界面了。这为网站开发扫清了障碍,网站能够拥有让人惊喜的 用户界面了。有时候,这种技术的运用是非常精妙的,它无声无息地改变了应用的用户体验。有时结果就像是加入樱桃可乐中的跳跳糖,悄悄地给人们带来惊喜。这里有20个特 阅读全文
posted @ 2012-09-28 15:28 kingwell 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 在网上看到一篇文章写得很好,给大家分享一下:个人对用户体验的目标是,做到“自然”。 举几个例子, 1,我观察3岁的小孩用iphone很容易上手。比如,iphone的开锁,小孩甚至不用学就会用。因为触摸是人的天性,同时iphone通过箭头图标,向右滑动的文字条(小孩看不懂文字),来暗示手指触摸向右滑动来解锁。自然和人的天性是一致的。大人因为成年后受污染较多,反而不一定立即学会iphone解锁,可能需要看文字解释来理解。所以不识字的小孩可能比老年人更快学会使用iphone。需要用文字来解释的交互不是好交互。 2,Apple在“自然”体验上做了很多尝试。比如,通常PC下的“文件夹”(甚至“文件... 阅读全文
posted @ 2012-09-28 14:59 kingwell 阅读(372) 评论(1) 推荐(0) 编辑
摘要: 做网站时,我们经常用到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) { ... 阅读全文
posted @ 2012-09-28 14:43 kingwell 阅读(341) 评论(0) 推荐(0) 编辑
摘要: 写了一款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 阅读全文
posted @ 2012-09-28 14:41 kingwell 阅读(581) 评论(0) 推荐(0) 编辑
摘要: 如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。有两种使用方法:方法1: <label for="userName">用户名:</label><input type="text" id="userName"/> 方法2:<label>用户名:<input type="text"/></label> 当在单选或多选里使用时,还会出现一种视觉效果,这也是一种友好的方式 阅读全文
posted @ 2012-09-28 14:27 kingwell 阅读(17319) 评论(0) 推荐(2) 编辑
摘要: 有时候,特别是在Ajax请求返回数据时我们需要知道返回数据的结构,如果是Object,使用Alert是打印不出来的,使用Firebug中的 console 可以查看,我自己写了一个函数,有点像这个,有时候觉得使用console还不够直观,所以自己想办法写一个,不过现在支持的层级就三层,多了就不行了, 多了就出现object。if(!window.debug){ window.debug = {};//选择一个自己的命名,千万别跟别人的冲突 }; debug.info = function(obj){ if (typeof _deBugStatus_ !== "undef... 阅读全文
posted @ 2012-09-28 14:21 kingwell 阅读(370) 评论(0) 推荐(0) 编辑
摘要: 现在是一个推崇结构,表现,行为想分离的时代,最大的好处就是维护起来比较简单,方便,代码重用。把CSS,JS写在HTML里,就像一个大杂烩,很难理解,可读性差,文件大,维护起来非常麻烦。但是CSS到底是内联还是外联呢?我们只要分析它的特点就不难得出答案。CSS内联:就是把CSS放在HTML Head里使用Style包围。<style type="text/css"></style>CSS外联:就是把CSS放到一个单独的文件里,然后在HTML通过调用。<link rel="stylesheet" type="text/ 阅读全文
posted @ 2012-09-28 14:18 kingwell 阅读(5125) 评论(0) 推荐(1) 编辑
摘要: 点击打开这是一个国外的CSS3的网站,CSS3新增的一些功能都可以演示,分享给大家。 阅读全文
posted @ 2012-09-28 14:16 kingwell 阅读(574) 评论(0) 推荐(0) 编辑