摘要: <!DOCTYPE HTML><html><head><title>soul42</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" ><STYLE type="text/css"> * { margin:0; padding:0;} body{width:100%;height:100%;} #list{width:500px;float:left;po阅读全文
posted @ 2011-12-28 23:01 深蓝色梦想 阅读(233) 评论(0) 编辑
摘要: 讲解之前先来讲讲性能.如果一个整体页面里有大量的按钮.我们就要为每一个按钮绑定事件处理程序.这样就会影响性能了.首先每个函数都是对象,对象就会占用很多内存.内存中的对象越多,性能就越差.其次,dom访问次数增多,就会导致延迟加载页面.事实上,从如何来利用好事件处理程序,还是有很好的解决方案的.一、事件委托对事件处理程序过多的问题解决的方案就是事件委托技术.事件委托技术利用了事件冒泡.只需指定一个事件处理程序.我们可以为某个需要触发事件的父元素来绑定事件处理程序.HTML代码:<ul id="mylist"> <li id="li_1"&阅读全文
posted @ 2011-12-10 00:20 深蓝色梦想 阅读(1502) 评论(6) 编辑
摘要: function func(e){ var arr = new Array(); var e = e||window.event; if(e.ctrlKey){ arr.push("Ctrl"); } if(e.shiftKey){ arr.push("shift") } if(e.altKey){ arr.push("alt") ...阅读全文
posted @ 2011-11-27 16:46 深蓝色梦想 阅读(139) 评论(0) 编辑
摘要: WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才。本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程,目的是给想了解JavaScript或者是刚接触JavaScript的朋友,介绍如何通过循序渐进的看书来学习javascript。一。 入门级 :就是有一定的基础(比如最常见的HTML标签及其属性、事件、方法;最常见的CSS属性;基础的JavaScript编程能力),能够完成一些简单的WEB前端需求。推荐:《JavaScript dom 编程艺术》理由:此书绝对是入门的好书,本人也是在接触JS一段时间后才看的这本书。此书阅读全文
posted @ 2011-11-27 11:11 深蓝色梦想 阅读(1842) 评论(8) 编辑
摘要: <!DOCTYPE HTML><html><head><title>soul42</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" ><STYLE type="text/css"> * { margin:0; padding:0;} body{width:100%;height:100%;} #list{width:500px;float:left;po阅读全文
posted @ 2011-12-28 23:01 深蓝色梦想 阅读(233) 评论(0) 编辑
摘要: <!doctype html><html> <head> <style> .box{background:red;padding:5px 0;height:25px} #pop{height:100px;width:400px;background:orange} </style> </head> <body id="body"> <div id="box" class="box"> <a href="">目阅读全文
posted @ 2011-12-27 13:49 深蓝色梦想 阅读(94) 评论(0) 编辑
摘要: <!doctype html><html> <head> <style type="text/css"> *{margin:0;padding:0;} ul{list-style:none;display:none} ul ul{list-style:none;position:absolute;left:100px;top:0;display:none} .menu{float:left;width:100px;margin-right:15px} li{widt...阅读全文
posted @ 2011-12-27 13:46 深蓝色梦想 阅读(145) 评论(0) 编辑
摘要: 讲解之前先来讲讲性能.如果一个整体页面里有大量的按钮.我们就要为每一个按钮绑定事件处理程序.这样就会影响性能了.首先每个函数都是对象,对象就会占用很多内存.内存中的对象越多,性能就越差.其次,dom访问次数增多,就会导致延迟加载页面.事实上,从如何来利用好事件处理程序,还是有很好的解决方案的.一、事件委托对事件处理程序过多的问题解决的方案就是事件委托技术.事件委托技术利用了事件冒泡.只需指定一个事件处理程序.我们可以为某个需要触发事件的父元素来绑定事件处理程序.HTML代码:<ul id="mylist"> <li id="li_1"&阅读全文
posted @ 2011-12-10 00:20 深蓝色梦想 阅读(1502) 评论(6) 编辑
摘要: 我很早写了一个javascript动画类,我觉得思路还不错,而且执行效率还不错,下面我将由浅入深的分享其实现。核心动画核心原理其实并不复杂,就这么几行代码:var fx = function (ontween, onend, duration) { var pos, runTime, startTime = + new Date, timer = setInterval(function () { runTime = + new Date - startTime; ...阅读全文
posted @ 2011-11-28 16:37 深蓝色梦想 阅读(1038) 评论(0) 编辑
摘要: 把这些做个笔记.呵呵阅读全文
posted @ 2011-11-27 17:25 深蓝色梦想 阅读(112) 评论(0) 编辑
摘要: function func(e){ var arr = new Array(); var e = e||window.event; if(e.ctrlKey){ arr.push("Ctrl"); } if(e.shiftKey){ arr.push("shift") } if(e.altKey){ arr.push("alt") ...阅读全文
posted @ 2011-11-27 16:46 深蓝色梦想 阅读(139) 评论(0) 编辑
摘要: WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才。本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程,目的是给想了解JavaScript或者是刚接触JavaScript的朋友,介绍如何通过循序渐进的看书来学习javascript。一。 入门级 :就是有一定的基础(比如最常见的HTML标签及其属性、事件、方法;最常见的CSS属性;基础的JavaScript编程能力),能够完成一些简单的WEB前端需求。推荐:《JavaScript dom 编程艺术》理由:此书绝对是入门的好书,本人也是在接触JS一段时间后才看的这本书。此书阅读全文
posted @ 2011-11-27 11:11 深蓝色梦想 阅读(1842) 评论(8) 编辑
摘要: obj:function(e){if(e.relatedTarget){ return event.relatedTarget;}else if(e.toElement){ return e.toElement; //ie}else if(e.fromElement){ return e.fromElement; //ie}else{ return null;}}IE下用event.fromElement,event.toElement来替代 relatedTarget 事件属性返回与事件的目标节点相关的节点。 对于 mouseover 事件来说,该属性是鼠标指针移到目标节点上...阅读全文
posted @ 2011-11-27 01:01 深蓝色梦想 阅读(769) 评论(0) 编辑
摘要: 主要是最后一个要跟第一个一样就行了,<!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><meta http-equiv="Content-Type" content="text/阅读全文
posted @ 2011-10-29 22:41 深蓝色梦想 阅读(85) 评论(0) 编辑