摘要: 1.技术背景FaceBook页面加载技术试想这样一个场景,一个经常访问的网站,每次打开它的页面都要要花费6秒;同时另外一个网站提供了 相似的服务,但响应时间只需3秒,那么你会如何选择呢?数据表明,如果用户打开一个网站,等待3~4秒还没有任何反应,他们会变得急躁,焦虑,抱怨, 甚至关闭网页并且不再访问,这是非常糟糕的情况。所以,网页加载的速度十分重要,尤其对于拥有遍布全球的5亿用户的Facebook(全球最大的社交服务 网站)这样的大型网站,有着大量并发请求、海量数据等客观情况,速度就成了必须攻克的难题之一。2010年初的时 候,Facebook的前端性能研究小组开始了他们的优化项目,经过了六个 阅读全文
posted @ 2012-06-19 17:37 kingwell 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 最近公司的软件需要嵌入一个网页,但是需要在其它网站上读取数据,我试了读取不取,这应该是存在跨域问题,网上找了一个,利用<script type="text/javascript" src="......"></script>可以解决这个问题。。。。。 阅读全文
posted @ 2012-06-19 17:19 kingwell 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 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 阅读(799) 评论(0) 推荐(0) 编辑
摘要: 有时候需要用到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 阅读(358) 评论(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 阅读(1202) 评论(0) 推荐(0) 编辑
摘要: 在上一家公司做网站的时候遇到一个问题,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 阅读(1626) 评论(1) 推荐(0) 编辑
摘要: /**--------------------------------------------------* 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 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 最近一个项目刚做完,利用一点时间做下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 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 现在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 阅读(3471) 评论(3) 推荐(1) 编辑
摘要: 删除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 阅读(374) 评论(0) 推荐(0) 编辑