06 2012 档案

模拟Window Alert弹出框 支持拖动以及ESC键盘退出
摘要：基本我自己封装的一些常用函数：KW.jsJS Code： 1 /** 2 @ Name : Kingwell Javascript Library 3 @ Author :kingwell 4 @ Date : 2012-8-22 5 @ Email : jinhua.leng##gmail.com 6 @ Version : 1.2 7 @ Update : http://kingwell-leng.iteye.com/blog/1570768 8 功能： 9 1: $ID选择 10 2： 事件绑定，事件移除，获取事件目标 11 3： 阻止冒泡，阻止默... 阅读全文
posted @ 2012-06-28 11:23 kingwell 阅读(1548) 评论(0) 推荐(1)
WEB前端开发书籍推荐
摘要：“基础类《高效能人士的7个习惯》（推荐给所有刚刚进入职场的新人，和进入职场多年但还没看过这本书的老人。这本书会帮助你看清自己，明确今后努力的方向。）《java夜未眠》（从书名看与前端无关，但其中的内容是作者多年工作积累的心得，推荐给每一位立志从事IT工作的新人。）《网站重构》（要从事前端开发，必须要熟悉WEB标准思想。改变思想然后才能改变行动。）HTML类《精通HTML》（目前只看过这本，后续有新书会继续推荐。帮助你快速认识“现代”HTML。）CSS类《精通CSS》（目前只看过这本，后续有新书会继续推荐。实战性的书籍，必看！）JavaScript类《JavaScript DOM 编程艺术》（初 阅读全文
posted @ 2012-06-24 21:41 kingwell 阅读(25077) 评论(3) 推荐(4)
推荐几个Notepad++插件，JS压缩工具
摘要：自己用了几个JS插件，感觉挺方便的，推荐给大家，JS压缩工具：JS压缩，JS格式化，很方便的，JSMin点击下载！Download 阅读全文
posted @ 2012-06-24 20:20 kingwell 阅读(1825) 评论(0) 推荐(0)
chrome safari 中input垂直居中对齐 行高问题line-height
摘要：现在CSS Reset的时候，都流行使用line-height:1;了，这个明显的好处就是解决了在input Chrome与Safari里Input框里垂直居中的问题，有兴趣人鞋童可以试一下。 阅读全文
posted @ 2012-06-21 13:55 kingwell 阅读(3464) 评论(0) 推荐(1)
hasLayout
摘要：要搞懂IE中的CSS，haslayout是一个必须搞懂的问题：下面的一段话来自百度百科------》》haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元 素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout属性值为true时，我们说这个元素有一个布局（layout） 要想更好的理解 css， 尤其是 IE 下对 css 的渲染，hasla. 阅读全文
posted @ 2012-06-21 13:52 kingwell 阅读(248) 评论(0) 推荐(0)
CSS3新功能
摘要：CSS3 新功能 Firefox Safari Opera Chrome IE9以上浏览器才支持。CSS3之RGBA颜色CSS3之Border-radiusCSS3之transformCSS3之渐变CSS3 阅读全文
posted @ 2012-06-20 20:47 kingwell 阅读(197) 评论(0) 推荐(0)
关心IE6中!important的问题
摘要：关心IE6中!important的问题，我们知道!important是优先级是最高的，在IE6中使用!important，有时候有用，有时间没用，这是IE6的一个Bug，网上很多资料说IE6不支持important，其实是这一种误解，本人经过测试，IE的确支持!important，看看下面的代码：.box{width:100px; height:100px; background:red!important; background:green;}FF,OP,SA,IE7 8 9 10IE6本来这段代码应该显示红色，但是在IE6下显示绿色，NOW，再看下面的代码：.box{width:100px 阅读全文
posted @ 2012-06-20 17:46 kingwell 阅读(187) 评论(0) 推荐(0)
Javascript 获取URL指定参数
摘要：Javascript 获取URL指定参数，想破头了，终于想到了。给一个URL与一样Name，返回指定参数：JS Code：<script type="text/javascript">var url="http://www.wondershare.com/reviews/reviews-write.html?mypid=54&p=Wondershare&abc=Wondershare+Photo+Recovery&myos=Windows&name=12345&ID=147"function getUr 阅读全文
posted @ 2012-06-20 10:38 kingwell 阅读(262) 评论(0) 推荐(0)
去掉chrome中input，textarea在得到焦点时出现黄色边框的方法
摘要：为了使各个注浏览器效果一至，在做项目的时候CSS应该重置，Chrome跟其它浏览器不一样，像Input，Textarea获得焦点后出现黄色边框，去掉chrome中input，textarea在得到焦点时出现黄色边框的方法input,button,select,textarea{outline:none} 阅读全文
posted @ 2012-06-20 09:02 kingwell 阅读(6267) 评论(0) 推荐(0)
BigPipe学习研究
摘要：1.技术背景FaceBook页面加载技术试想这样一个场景，一个经常访问的网站，每次打开它的页面都要要花费6秒；同时另外一个网站提供了 相似的服务，但响应时间只需3秒，那么你会如何选择呢？数据表明，如果用户打开一个网站，等待3~4秒还没有任何反应，他们会变得急躁，焦虑，抱怨， 甚至关闭网页并且不再访问，这是非常糟糕的情况。所以，网页加载的速度十分重要,尤其对于拥有遍布全球的5亿用户的Facebook(全球最大的社交服务 网站)这样的大型网站，有着大量并发请求、海量数据等客观情况，速度就成了必须攻克的难题之一。2010年初的时 候，Facebook的前端性能研究小组开始了他们的优化项目，经过了六个 阅读全文
posted @ 2012-06-19 17:37 kingwell 阅读(165) 评论(0) 推荐(0)
Javascript跨域问题
摘要：最近公司的软件需要嵌入一个网页，但是需要在其它网站上读取数据，我试了读取不取，这应该是存在跨域问题，网上找了一个，利用<script type="text/javascript" src="......"></script>可以解决这个问题。。。。。 阅读全文
posted @ 2012-06-19 17:19 kingwell 阅读(144) 评论(0) 推荐(0)
javascript事件在IE和DOM浏览器的差异总结
摘要：1、事件处理函数在IE中：每个元素和windows对象都有两个方法：attachEvent（）和detachEvent（）,看名字就知道第一个是添加事件处理函数，第二个是移除。1 [object].attachEvent("name_of_event_handler","function_to_attach")2 [object].detachEvent("name_of_event_handler","function_to_remove")这种方法可以添加多个事件处理函数在DOM浏览器中：addEventLis 阅读全文
posted @ 2012-06-19 17:16 kingwell 阅读(816) 评论(0) 推荐(0)
if判断IE浏览器的类型
摘要：有时候需要用到IF判断在IE CSS hack(更多方法)当中常用到if IE 来判断浏览器的类型，解决CSS甚至于JS的兼容性问题，之前大家可能知道if IE来解决CSS的兼容性问题，其实if IE不仅仅是用于CSS hack的使用，我们在前端开发中甚至可以使用if IE来做JS的处理，如下面的代码： 引用<!–[if IE 5]> <script>document.write(”仅IE5.0与IE5.5可以识别”);</script> <![endif]–> <!–[if gte IE 5.0]><script>doc 阅读全文
posted @ 2012-06-19 17:10 kingwell 阅读(372) 评论(0) 推荐(0)
星级评论插件
摘要：最近公司的Fantashow要嵌入一个网页，做了一个星级评论插件：HTML Code：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>template</title>< 阅读全文
posted @ 2012-06-19 17:04 kingwell 阅读(1215) 评论(0) 推荐(0)
IE6下select标签覆盖div的完美解决办法
摘要：在上一家公司做网站的时候遇到一个问题，IE6下select标签覆盖div的问题。虽然很多人很讨厌IE6，但是IE6.0还是有很多用户，特别是前端设计人员，很多Bug让人很纠结，关于IE6下select标签覆盖div的问题，现在已经有完美解决办法<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>IE6下select标签覆盖div的解决办法</title> </he 阅读全文
posted @ 2012-06-19 16:59 kingwell 阅读(1640) 评论(1) 推荐(0)
CSS Reset CSS Framework
摘要：/**--------------------------------------------------* Name: Kingwell CSS Framework* Version: 1.2(June,1 2012)* Author: Kingwell* E-mail: jinhua.leng##gmail.com* Copyright (c) 2012, KINGWELL. All rights reserved.*--------------------------------------------------*//*---------- CSS RESET START ------ 阅读全文
posted @ 2012-06-19 16:53 kingwell 阅读(256) 评论(0) 推荐(0)
Javascript性能优化
摘要：最近一个项目刚做完，利用一点时间做下JS总结：对Javascript性能优化就要是以下两个方面：一：下载时间：删除注释，删除制表符和空格，删除所有换行。压缩JS文件。二：执行时间：1:使用局部变量2:避免With语句3:减少使用Eval4:选择正确的算法5:反转循环6:翻转循环7:展开循环8:优化IF语句如果条件比较多，可以使用Switch case9:字符串连接如果比较多的话，可以使用Array和Join10:优先使用内置方法。11:存储常用的值。12:使用数组，对象字面量。13:节约使用DOM 使用文档碎片平时注意这些，你的JS就性能就有大大的提高了。个人愚见，请高手指教！ 阅读全文
posted @ 2012-06-19 16:49 kingwell 阅读(267) 评论(0) 推荐(0)
我自己的Javascript 库，封装了一些常用函数
摘要：现在Javascript库海量，流行的也多，比如jQuery，YUI等，虽然功能强大，但也是不万能的，功能不可能涉及方方面面，自己写一个的JS库是对这些的补充，很多也比较实用，把应用到项目中中去也比较方面，这也是对工作的一些积累，也加深对知识的理解。2012-6-20更新，添加设置Cookie，获取Cookie，删除Cookie方法。很实用哦.......................2012-7-22更新，表格排序，获取URL参数，批量清除Cookie...2012-8-24更新，动态加载JS，Ajax封装，HTML编码... 1 /** 2 @ Name : Kin... 阅读全文
posted @ 2012-06-19 16:42 kingwell 阅读(3487) 评论(3) 推荐(1)
通过Prototype属性添加Array删除重复数据方法
摘要：删除Array重复元素的方法：<script type="text/javascript"> Array.prototype.del=function(){ var n=[]; if(this.length<1){return this} for(var i=0; i<this.length; i++){ var st=false for(var j=0; j<n.length; j++){ if(this[i].toString() == n[j].toString()){ st=true } } if(!st){ n.push(this[i 阅读全文
posted @ 2012-06-19 16:39 kingwell 阅读(386) 评论(0) 推荐(0)