<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[yangsp1的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/yangsp1</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; yangsp1]]></copyright><item><title><![CDATA[JavaScript  prototype整理（网上的三种理解）]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83481185</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83481185</guid><author>yangsp1</author><pubDate>Wed, 21 Oct 2009 18:55:31 +0800</pubDate><description><![CDATA[prototype属性，只有function对象中才具有的显式属性；

网上三种理解：
            1：通过构造函数创建的普通对象，通过其constructor属性引用它的构造函数对象，从而间接引用（拥有）了构造对象中的prototype对象；

如图：[img]http://dl.iteye.com/upload/picture/pic/47469/bcc49472-57d...]]></description><category></category></item><item><title><![CDATA[JavaScript 拖放效果系列6——修复错误]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83469895</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83469895</guid><author>yangsp1</author><pubDate>Thu, 15 Oct 2009 09:58:59 +0800</pubDate><description><![CDATA[原文来自：[url]http://www.cainiao8.com/web/js_examples/27_tuozhuai6.html[/url]


在实际应用拖拽的时候发现自己犯了两个错误，都是当文档内容多余一个屏幕的时候才会出现。
错误一，绝对位置

刚开始非常不解为什么拖拽需要获得鼠标相对文档的绝对位置，我之前写的代码也都是仅仅使用clientX和clientY实现的，这两个属...]]></description><category></category></item><item><title><![CDATA[JavaScript 拖放效果系列五——性能优化]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83469894</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83469894</guid><author>yangsp1</author><pubDate>Thu, 15 Oct 2009 09:56:15 +0800</pubDate><description><![CDATA[原文来自：[url]http://www.cainiao8.com/web/js_examples/22_tuozhuai5.html[/url]



 JavaScript拖拽的性能问题

在一次距离适中的拖拽过程中，鼠标的mousemove事件可能要触发成百上千次（不信的话可以在“addEventSimple观察鼠标事件”那个例子里测试一下）。而拖拽脚本要做的恰恰是响应mouse...]]></description><category></category></item><item><title><![CDATA[JavaScript 拖放效果系列四——获得元素的位置]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83469887</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83469887</guid><author>yangsp1</author><pubDate>Thu, 15 Oct 2009 09:48:29 +0800</pubDate><description><![CDATA[原文来自：[url]http://www.cainiao8.com/web/js_examples/21_tuozhuai4.html[/url]


在第一节我们实现了基本的拖拽效果的时候，window.onload事件的响应函数定义如下：

[code=&quot;javascript&quot;]window.onload = function(){
	test = document.getElem...]]></description><category></category></item><item><title><![CDATA[JavaScript 拖放效果系列三——解决快速拖拽的问题]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83469879</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83469879</guid><author>yangsp1</author><pubDate>Thu, 15 Oct 2009 09:38:55 +0800</pubDate><description><![CDATA[原文来自：[url]http://www.cainiao8.com/web/js_examples/15_tuozhuai3.html[/url]



 上一节我们让拖拽代码使用起来更方便、适用于多个元素，同时解决了偶尔会出现的拖动一个元素，多个元素一起移动的问题。但是在快速拖拽的时候，会出现延迟，或者元素干脆就停止移动了。
元素停止移动的原因

分析一下上面问题的原因：鼠标滑动地...]]></description><category></category></item><item><title><![CDATA[JavaScript 拖放效果系列二——多元素、分离JS]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83469870</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83469870</guid><author>yangsp1</author><pubDate>Thu, 15 Oct 2009 09:30:13 +0800</pubDate><description><![CDATA[原文来自：[url]http://www.cainiao8.com/web/js_examples/14_tuozhuai2.html[/url]


上一节我们实现了基本的拖拽，但是需要给可拖拽的元素设置一个特定的id，然后再在JS中修改代码，使用起来比较麻烦。这样一旦文档结构发生变化就要调整JS代码，没有做到JavaScript与HTML分离的原则。

所以应该实现一个可以适用于多个...]]></description><category></category></item><item><title><![CDATA[JavaScript 拖放效果系列一]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83469865</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83469865</guid><author>yangsp1</author><pubDate>Thu, 15 Oct 2009 09:24:44 +0800</pubDate><description><![CDATA[原文来自：[url]http://www.cainiao8.com/web/js_examples/13_tuozhuai.html[/url]

为什么要实现这个拖拽效果？

菜鸟一直比较好奇JavaScript的拖拽是怎么实现的，刚刚进入大四，闲时间又多了，突然想起一探JS拖拽的究竟。百度搜索到了蓝色的一篇文章“怎么用javascript进行拖拽”，英文原文为“How to Drag ...]]></description><category></category></item><item><title><![CDATA[he method isEmpty() is undefined for the type String/String ]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/4496557</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/4496557</guid><author>yangsp1</author><pubDate>Sat, 29 Aug 2009 13:37:00 +0800</pubDate><description><![CDATA[原因是：JDK版本问题，JDK1.5中的String 类型变量没有isEmpty方法，而JDK1.6中有这个方法，所以只要把你的JDK版本改成1.6的应该没问题。]]></description><category></category></item><item><title><![CDATA[spring mail]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83442053</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83442053</guid><author>yangsp1</author><pubDate>Mon, 17 Aug 2009 10:56:15 +0800</pubDate><description><![CDATA[[url]转自：http://hrz520520.blog.hexun.com/29777240_d.html[/url]

第二次看,第二次读到了9.2章节&quot;邮件&quot;
终于知道了如何用Spring来编写代码发送邮件.
先看看书上的例子代码:/

[code=&quot;java&quot;]public class SimpleMailDemo {

public static void main(S...]]></description><category></category></item><item><title><![CDATA[谈谈Javascript的this指针]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83439299</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83439299</guid><author>yangsp1</author><pubDate>Mon, 10 Aug 2009 10:55:13 +0800</pubDate><description><![CDATA[[url]转自：http://developer.51cto.com/art/200907/136245.htm[/url]


Javascript的this指针一个非常容易理解错，进而用错的特性。特别是对于接触静态语言比较久了的同志来说更是如此。

示例说明

我们先来看一个最简单的Javascript this指针示例：

[code=&quot;javascript&quot;]   1. ...]]></description><category></category></item><item><title><![CDATA[ IE Firefox通用DOM  ]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83438196</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83438196</guid><author>yangsp1</author><pubDate>Thu, 06 Aug 2009 14:34:19 +0800</pubDate><description><![CDATA[   [url]转自：http://blog.youkuaiyun.com/lenotang/archive/2008/10/18/3096627.aspx[/url]

    要写出在各大主流浏览器上都兼容的JS代码，就要关注他们的区别，下是IE和FF综合考虑的通用DOM！

1.document.formName.item(&quot;itemName&quot;) 问题

说明:IE下,可以使用documen...]]></description><category></category></item><item><title><![CDATA[javascript事件处理机制——容易被我们遗忘的细节问题]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83438176</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83438176</guid><author>yangsp1</author><pubDate>Thu, 06 Aug 2009 13:56:13 +0800</pubDate><description><![CDATA[ [url]转自：http://www.iteye.com/topic/299320[/url]

最近在细读mootools core源代码中,在阅读到包装Event的时候,才发现,以前没对js事件处理处理机制深入的研究.遂,再次翻开尘封已久的java犀牛书,仔细的阅读了一把.

      我们在书写js程序的时候,在很大程度上,都是写客户端交互程序,所以大部分都可以事件有关.但是遗憾...]]></description><category></category></item><item><title><![CDATA[Javascript在IE和Firefox中的区别]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83437759</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83437759</guid><author>yangsp1</author><pubDate>Wed, 05 Aug 2009 17:22:17 +0800</pubDate><description><![CDATA[
版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
[url]转自：http://madinsect.blogbus.com/logs/24899256.html[/url]



1. 当一个对象为不可见时，在IE中是不可以设置它集中焦点的，但是在Firefox里可以
2. 向表(Table)追加行：
在FF、 Safari、Opera等浏览器中，用documen...]]></description><category></category></item><item><title><![CDATA[什么是DOM?DOM和JavaScript的关系 - [web开发]]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83437753</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83437753</guid><author>yangsp1</author><pubDate>Wed, 05 Aug 2009 17:14:50 +0800</pubDate><description><![CDATA[版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
[url]转自：http://madinsect.blogbus.com/logs/37339960.html[/url]



这个做了这么久的front-end了，这个问题还没有理解的这么深入，惭愧，惭愧。看看这篇文章吧

什么是DOM?

文档对象模型（Document Object Model，DOM）是一...]]></description><category></category></item><item><title><![CDATA[转自：（邂逅思维）发现几处IE与firefox的js和css几处不同点]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83437718</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83437718</guid><author>yangsp1</author><pubDate>Wed, 05 Aug 2009 16:12:46 +0800</pubDate><description><![CDATA[[url]转自：http://bbs.blueidea.com/thread-2783024-1-1.html[/url]

终于完成了偶的拖动窗口，花了近15个小时，庆祝一下(*^__^*)；以前写了IE下的功能，于是又写了firefox下的功能，在firefox上花了很多时间，发现了firefox中几处与IE中不同的地方：

1.firefox不能对innerText支持，也不知道为什...]]></description><category></category></item><item><title><![CDATA[JavaScript 页面　宽度 、高度 (一)]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83437649</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83437649</guid><author>yangsp1</author><pubDate>Wed, 05 Aug 2009 14:15:11 +0800</pubDate><description><![CDATA[[url]转自：http://kanglecjr.iteye.com/blog/368183[/url]

关于获取各种浏览器可见窗口大小的一点点研究 
[code=&quot;java&quot;]   1.   
   2. function getInfo()  
   3. {  
   4. var s = &quot;&quot;;  
   5. s = &quot; 网页可见区域宽：&quot; document.body.c...]]></description><category></category></item><item><title><![CDATA[JavaScript 拖放效果]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83437541</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83437541</guid><author>yangsp1</author><pubDate>Wed, 05 Aug 2009 11:03:49 +0800</pubDate><description><![CDATA[
[url]转自：http://www.iteye.com/topic/271311[/url]

拖放效果，也叫拖拽，学名Drag-and-drop ，是最常见的js特效之一。
如果忽略很多细节，实现起来很简单，但往往细节才是难点所在。
这个程序的原型是在做图片切割效果的时候做出来的，那时参考了好几个同类的效果，跟muxrwc和BlueDestiny学习了不少东西。
虽然每次整理都觉...]]></description><category></category></item><item><title><![CDATA[javascript的一些坐标位置属性2]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83437508</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83437508</guid><author>yangsp1</author><pubDate>Wed, 05 Aug 2009 10:28:23 +0800</pubDate><description><![CDATA[screenX:鼠标在显示屏幕上的坐标。

clientX:鼠标在页面显示区域的坐标。

注：以上两个都是各浏览器通用的。

pageX:FF特有，鼠标在页面上的位置，从页面左上角开始定位，这个可以很方便在整个页面上进行定位，IE没有直接替换的属性。

layerX:FF特有，鼠标相对于“触发事件的元素的层级关系中离该元素最近的，设置了position的父元素”的边界的位置，从bo...]]></description><category></category></item><item><title><![CDATA[javascript的一些坐标位置属性]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83437506</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83437506</guid><author>yangsp1</author><pubDate>Wed, 05 Aug 2009 10:26:45 +0800</pubDate><description><![CDATA[参考另一：[url]http://www.cnblogs.com/rainman/archive/2009/02/15/1391056.html[/url]


offsetX/offsetY：相对于当前元素的位移
x/y：相对于当前座标系的位移，但是IE常常搞错当前座标系
layerX/layerY：相对于当前座标系的位移
pageX/pageY：相对于网页的位移
clientX/...]]></description><category></category></item><item><title><![CDATA[Hibernate 映射类型与Java 类型对照 ]]></title><link>https://blog.youkuaiyun.com/yangsp1/article/details/83433442</link><guid>https://blog.youkuaiyun.com/yangsp1/article/details/83433442</guid><author>yangsp1</author><pubDate>Fri, 24 Jul 2009 10:16:06 +0800</pubDate><description><![CDATA[   1. 映射类型          java 类型                     标准 sql 类型  
   2.   
   3. integer         int or Integer            INTEGER  
   4. long            long or java.lang.Long    BIGINT  
   5. short ...]]></description><category></category></item></channel></rss>