- 浏览: 48826 次
- 性别:
- 来自: 北京
最新评论
-
yangsp1:
jimichan 写道 很好,总结的不错,加油谢谢。
JavaScript prototype整理(网上的三种理解) -
jimichan:
很好,总结的不错,加油
JavaScript prototype整理(网上的三种理解) -
lddzmy:
还需要说明一点,对于二、e.x,y中的情况三,此时x,y的(0 ...
javascript的一些坐标位置属性2 -
lddzmy:
:cry: 唉,是我理解错了。我做了一组测试,发现了如下的规律 ...
javascript的一些坐标位置属性2 -
lddzmy:
我怎么感觉layerX和offsetX是一个效果呢。
javascript的一些坐标位置属性2
文章列表
prototype属性,只有function对象中才具有的显式属性;
网上三种理解:
1:通过构造函数创建的普通对象,通过其constructor属性引用它的构造函数对象,从而间接引用(拥有)了构造对象中的prototype对象;
如图:
...
- 2009-10-21 18:55
- 浏览 14008
- 评论(2)
原文来自:http://www.cainiao8.com/web/js_examples/27_tuozhuai6.html
在实际应用拖拽的时候发现自己犯了两个错误,都是当文档内容多余一个屏幕的时候才会出现。
错误一,绝对位置
刚开始非常不解为什么拖拽需要获得鼠标相对文档的绝对位置,我之前写的代码也都是仅仅使用clientX和clientY实现的,这两个属性是相对浏览器的,没有将文档的滚动计算在内。因此在内容超过一页的时候,如果用户使用鼠标拖拽元素,不会有问题。但是如果用户采用边拖拽边滚滚动条的方式就会造成文档滚动部分没有被计算在内。测试了一下,豆瓣、百度空间、MSN Space的拖拽都 ...
- 2009-10-15 09:58
- 浏览 1654
- 评论(0)
原文来自:http://www.cainiao8.com/web/js_examples/22_tuozhuai5.html
JavaScript拖拽的性能问题
在一次距离适中的拖拽过程中,鼠标的mousemove事件可能要触发成百上千次(不信的话可以在“addEventSimple观察鼠标事件”那个例子里测试一下)。而拖拽脚本要做的恰恰是响应mousemove事件,那么是不是会很耗费资源呢?我们来问问资源管理器吧。
说明一下,我测试用的浏览器为FireFox。
首先,非拖拽的时候,资源管理器截图如下:CPU占用率在0-2之间跳动,0的时间较长。
之后,我们来看看拖拽状态下的 ...
- 2009-10-15 09:56
- 浏览 2723
- 评论(0)
原文来自:http://www.cainiao8.com/web/js_examples/21_tuozhuai4.html
在第一节我们实现了基本的拖拽效果的时候,window.onload事件的响应函数定义如下:
window.onload = function(){
test = document.getElementById("test");
test.onmousedown = down;
test.onmousemove = move;
document.onmouseup = up;
//下面三行被标出。本页中颜色无法 ...
- 2009-10-15 09:48
- 浏览 1870
- 评论(0)
原文来自:http://www.cainiao8.com/web/js_examples/15_tuozhuai3.html
上一节我们让拖拽代码使用起来更方便、适用于多个元素,同时解决了偶尔会出现的拖动一个元素,多个元素一起移动的问题。但是在快速拖拽的时候,会出现延迟,或 ...
- 2009-10-15 09:38
- 浏览 4550
- 评论(0)
原文来自:http://www.cainiao8.com/web/js_examples/14_tuozhuai2.html
上一节我们实现了基本的拖拽,但是需要给可拖拽的元素设置一个特定的id,然后再在JS中修改代码,使用起来比较麻烦。这样一旦文档结构发生变化就要调整JS代码,没有做到JavaScript与HTML分离的原则。
所以应该实现一个可以适用于多个元素的拖拽代码,而且代码在可拖拽元素改变后应该不需要修改而仍然能正常工作。
使用class做“钩子”
为了使代码适用于多个元素,我们使用它的class来指定元素是否可以拖拽。我们使用如下的JavaScript代码来遍历文档中所有的节 ...
- 2009-10-15 09:30
- 浏览 2219
- 评论(0)
原文来自:http://www.cainiao8.com/web/js_examples/13_tuozhuai.html
为什么要实现这个拖拽效果?
菜鸟一直比较好奇JavaScript的拖拽是怎么实现的,刚刚进入大四,闲时间又多了,突然想起一探JS拖拽的究竟。百度搜索到了蓝色的一篇文章“怎么用javascript进行拖拽”,英文原文为“How to Drag and Drop in JavaScript”。文章比我想象的复杂,仅仅是获得鼠标事件的x、y的绝对位置就写了一页(我的想法是拖拽根本就不需要得到准确的鼠标绝对位置),还要考虑浏览器之间的兼容性。最郁闷的是测试了一下,第一个显示鼠标 ...
- 2009-10-15 09:24
- 浏览 2567
- 评论(0)
转自:http://hrz520520.blog.hexun.com/29777240_d.html
第二次看<Spring2.0技术手册>,第二次读到了9.2章节"邮件"
终于知道了如何用Spring来编写代码发送邮件.
先看看书上的例子代码:/
public class SimpleMailDemo {
public static void main(Strin ...
- 2009-08-17 10:56
- 浏览 2354
- 评论(0)
转自:http://developer.51cto.com/art/200907/136245.htm
Javascript的this指针一个非常容易理解错,进而用错的特性。特别是对于接触静态语言比较久了的同志来说更是如此。
示例说明
我们先来看一个最简单的Javascript this指针示例:
1. < SPAN>"text/javascript">
2. var name = "Kevin Yang";
3. function sayHi(){
4. ...
- 2009-08-10 10:55
- 浏览 1587
- 评论(1)
转自:http://blog.csdn.net/lenotang/archive/2008/10/18/3096627.aspx
要写出在各大主流浏览器上都兼容的JS代码,就要关注他们的区别,下是IE和FF综合考虑的通用DOM!
1.document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或 document.formName.elements["elementName"];Firefox下,只能使用 doc ...
- 2009-08-06 14:34
- 浏览 1370
- 评论(0)
转自:http://www.iteye.com/topic/299320
最近在细读mootools core源代码中,在阅读到包装Event的时候,才发现,以前没对js事件处理处理机制深入的研究.遂,再次翻开尘封已久的java犀牛书,仔细的阅读了一把.
我们在书写js程序的时候,在很大程度上,都是写客户端交互程序,所以大部分都可以事件有关.但是遗憾的是,这些事件处理程序的细节非常复杂.并且由于浏览器的不同,目前有四种不同的事件处理机制:
原始事件模型:这是最简单的一种事件处理模型,尽管功能有限,但所有的浏览器都支持它.可以把它看作0级DOM
标准事件模型:这是一种更强大更完 ...
- 2009-08-06 13:56
- 浏览 1118
- 评论(0)
版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
转自:http://madinsect.blogbus.com/logs/24899256.html
1. 当一个对象为不可见时,在IE中是不可以设置它集中焦点的,但是在Firefox里可以
2. 向表(Table)追加行:
在FF ...
- 2009-08-05 17:22
- 浏览 1059
- 评论(0)
版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
转自:http://madinsect.blogbus.com/logs/37339960.html
这个做了这么久的front-end了,这个问题还没有理解的这么深入,惭愧,惭愧。看看这篇文章吧
什么是DOM?
文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式。我们最为关心的是,DOM把网页和脚本以及其他的编程语言联系了起来。
脚本开发人员可以通过文档对象的属性、方法和事件来掌控、操纵和创建动态 ...
- 2009-08-05 17:14
- 浏览 1385
- 评论(0)
转自:http://bbs.blueidea.com/thread-2783024-1-1.html
终于完成了偶的拖动窗口,花了近15个小时,庆祝一下(*^__^*);以前写了IE下的功能,于是又写了firefox下的功能,在firefox上花了很多时间,发现了firefox中几处与IE中不同的地方:
1.firefo ...
- 2009-08-05 16:12
- 浏览 1062
- 评论(0)
转自:http://kanglecjr.iteye.com/blog/368183
关于获取各种浏览器可见窗口大小的一点点研究
1. <script>
2. function getInfo()
3. {
4. var s = "";
5. s = " 网页可见区域宽:" document.body.clientWidth;
6. s = " 网页可见区域高:" document.body.clientHeight;
7. s = " ...
- 2009-08-05 14:15
- 浏览 1788
- 评论(0)