<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[唐光仔的博客]]></title><description><![CDATA[尽情折腾！]]></description><link>https://blog.youkuaiyun.com/terrytangabc</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; terrytangabc]]></copyright><item><title><![CDATA[一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别]]></title><link>https://blog.youkuaiyun.com/terrytangabc/article/details/39374239</link><guid>https://blog.youkuaiyun.com/terrytangabc/article/details/39374239</guid><author>terrytangabc</author><pubDate>Thu, 18 Sep 2014 16:18:25 +0800</pubDate><description><![CDATA[总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕，于是决定做个图来区分一下(画得我手那个酸呀。。。。)




先总结下区别：

event.clientX、event.clientY

鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性

]]></description><category></category></item><item><title><![CDATA[javascript根据浏览器userAgent判断浏览器类型]]></title><link>https://blog.youkuaiyun.com/terrytangabc/article/details/38514119</link><guid>https://blog.youkuaiyun.com/terrytangabc/article/details/38514119</guid><author>terrytangabc</author><pubDate>Tue, 12 Aug 2014 13:43:35 +0800</pubDate><description><![CDATA[JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另
 一种是通过分析浏览器的userAgent属性来判断的。本文对浏览器各自的userAgent特点做一分析，并给出判断方法：

Windows操作系统浏览器系列：


IE浏览器系列：
特]]></description><category></category></item><item><title><![CDATA[jQuery选择器优化]]></title><link>https://blog.youkuaiyun.com/terrytangabc/article/details/38064139</link><guid>https://blog.youkuaiyun.com/terrytangabc/article/details/38064139</guid><author>terrytangabc</author><pubDate>Wed, 23 Jul 2014 14:51:28 +0800</pubDate><description><![CDATA[翻译自jQuery官网，原文：http://learn.jquery.com/performance/optimize-selectors/]]></description><category></category></item><item><title><![CDATA[sublime text2 build 2221注册码分享]]></title><link>https://blog.youkuaiyun.com/terrytangabc/article/details/37594511</link><guid>https://blog.youkuaiyun.com/terrytangabc/article/details/37594511</guid><author>terrytangabc</author><pubDate>Wed, 09 Jul 2014 11:12:47 +0800</pubDate><description><![CDATA[----- BEGIN LICENSE ----- Andrew Weber Single User License EA7E-855605 813A03DD 5E4AD9E6 6C0EEB94 BC99798F 942194A6 02396E98 E62C9979 4BB979FE 91424C9D A45400BF F6747D88 2FB88078 90F5CC94 1CDC92DC 845]]></description><category></category></item><item><title><![CDATA[js运算符优先级]]></title><link>https://blog.youkuaiyun.com/terrytangabc/article/details/37568385</link><guid>https://blog.youkuaiyun.com/terrytangabc/article/details/37568385</guid><author>terrytangabc</author><pubDate>Tue, 08 Jul 2014 17:44:35 +0800</pubDate><description><![CDATA[看一个面试题，里面有一个陷阱是关于运算符优先级的，突然发现很多都不记得了，搜集一个记录一下。

从上到下优先级从高到低。





运算符

描述



. [] ()

字段访问、数组下标、函数调用以及表达式分组



++ -- - ~ ! delete new typeof void

一元运算符、返回数据类型、对象创建、未定义值



*]]></description><category></category></item><item><title><![CDATA[复选框单选框与文字对齐问题的研究与解决]]></title><link>https://blog.youkuaiyun.com/terrytangabc/article/details/37568327</link><guid>https://blog.youkuaiyun.com/terrytangabc/article/details/37568327</guid><author>terrytangabc</author><pubDate>Tue, 08 Jul 2014 17:40:04 +0800</pubDate><description><![CDATA[目前中文网站上面的文字，就我的个人感觉而言，绝大多数网站的主流文字大小为12px，因为在目前高分辨率显示器屏幕下，11px的汉字，其像素点开始不规整，文字不如12px来的显示良好。12px大小的文字就是主流也是底线。然而12px的文字与单选框和复选框是不对齐的。例如下面这张雅虎中国首页在火狐浏览器下的截图：




雅虎中国首页单选框复选框与文字不对齐


这里，不是说，雅虎中国的]]></description><category></category></item><item><title><![CDATA[基于jQuery的placeholder插件]]></title><link>https://blog.youkuaiyun.com/terrytangabc/article/details/37568125</link><guid>https://blog.youkuaiyun.com/terrytangabc/article/details/37568125</guid><author>terrytangabc</author><pubDate>Tue, 08 Jul 2014 17:32:29 +0800</pubDate><description><![CDATA[作用很简单：让不支持placeholder属性的浏览器也可以]]></description><category></category></item><item><title><![CDATA[实现不定宽高div内图片的垂直居中]]></title><link>https://blog.youkuaiyun.com/terrytangabc/article/details/37567605</link><guid>https://blog.youkuaiyun.com/terrytangabc/article/details/37567605</guid><author>terrytangabc</author><pubDate>Tue, 08 Jul 2014 17:19:40 +0800</pubDate><description><![CDATA[最简单的方法莫过于设置waicen]]></description><category></category></item><item><title><![CDATA[Javascript中的Image对象]]></title><link>https://blog.youkuaiyun.com/terrytangabc/article/details/37567221</link><guid>https://blog.youkuaiyun.com/terrytangabc/article/details/37567221</guid><author>terrytangabc</author><pubDate>Tue, 08 Jul 2014 16:38:00 +0800</pubDate><description><![CDATA[在做一些tips效果，或者是一些图片浏览效果时，图片开始是隐藏的，当用户进行一定的操作时，图片会根据需要显示出来。但图片文件都相对比较大，如果一下子都显示出来，很耗时间和流量，如果都不显示，等触发一定事件时再加载，用户体验又不太好，增加用户的等待时间。




     权 衡一下利弊，可以有选择的利用JavaScript预加载一些需要的图片，先将其装入DOM，等到需要的时候，直接调用，]]></description><category></category></item><item><title><![CDATA[HTML5特性一览]]></title><link>https://blog.youkuaiyun.com/terrytangabc/article/details/37566739</link><guid>https://blog.youkuaiyun.com/terrytangabc/article/details/37566739</guid><author>terrytangabc</author><pubDate>Tue, 08 Jul 2014 16:16:47 +0800</pubDate><description><![CDATA[原文链接：

新的选择器

通过 class 定位元素 (DOM API)


var el = document.getElementByIdx_x_x('section1');
el.focus();

var els = document.getElementsByTagName_r('div');
els[0].focus();

var els = document.get]]></description><category></category></item><item><title><![CDATA[原生Javascript写的一些常用的工具函数]]></title><link>https://blog.youkuaiyun.com/terrytangabc/article/details/37566427</link><guid>https://blog.youkuaiyun.com/terrytangabc/article/details/37566427</guid><author>terrytangabc</author><pubDate>Tue, 08 Jul 2014 16:01:22 +0800</pubDate><description><![CDATA[原文链接：http://blog.sina.com.cn/s/blog_74d6cedd0100xv5p.html]]></description><category></category></item><item><title><![CDATA[Apache配置详解]]></title><link>https://blog.youkuaiyun.com/terrytangabc/article/details/37566235</link><guid>https://blog.youkuaiyun.com/terrytangabc/article/details/37566235</guid><author>terrytangabc</author><pubDate>Tue, 08 Jul 2014 15:51:04 +0800</pubDate><description><![CDATA[Apache的配置由httpd.conf文件配置，因此下面的配置指令都是在httpd.conf文件中修改。 
主站点的配置(基本配置) 

(1) 基本配置: 
ServerRoot "/mnt/software/apache2" #你的apache软件安装的位置。其它指定的目录如果没有指定绝对路径，则目录是相对于该目录。 

PidFile logs/httpd.pid #第一个ht]]></description><category></category></item><item><title><![CDATA[Javascript实现的单链表]]></title><link>https://blog.youkuaiyun.com/terrytangabc/article/details/37566009</link><guid>https://blog.youkuaiyun.com/terrytangabc/article/details/37566009</guid><author>terrytangabc</author><pubDate>Tue, 08 Jul 2014 15:46:44 +0800</pubDate><description><![CDATA[今天无聊看了看大二的数据结构的书，于是用熟悉的js来写了个单链表......]]></description><category></category></item><item><title><![CDATA[对Javascript中的闭包的理解]]></title><link>https://blog.youkuaiyun.com/terrytangabc/article/details/37562713</link><guid>https://blog.youkuaiyun.com/terrytangabc/article/details/37562713</guid><author>terrytangabc</author><pubDate>Tue, 08 Jul 2014 13:12:46 +0800</pubDate><description><![CDATA[JavaScript闭包（Closure）很多问题的关键是：JavaScript是解释型的语言，闭包只有在调用的时候才进行解析。




        维基百科上对闭包的定义是： Closure (also lexical
 closure or function closure) is a function together
 with a referencing environ]]></description><category></category></item><item><title><![CDATA[FancyBox API列表]]></title><link>https://blog.youkuaiyun.com/terrytangabc/article/details/37523299</link><guid>https://blog.youkuaiyun.com/terrytangabc/article/details/37523299</guid><author>terrytangabc</author><pubDate>Mon, 07 Jul 2014 17:42:13 +0800</pubDate><description><![CDATA[FancyBox是一个基于jQuery的图片轮播插件，可定制很强。下表是它的API列表。]]></description><category></category></item><item><title><![CDATA[博客搬迁至优快云]]></title><link>https://blog.youkuaiyun.com/terrytangabc/article/details/37522907</link><guid>https://blog.youkuaiyun.com/terrytangabc/article/details/37522907</guid><author>terrytangabc</author><pubDate>Mon, 07 Jul 2014 17:36:03 +0800</pubDate><description><![CDATA[我的博客搬迁到优快云啦，地址：]]></description><category></category></item></channel></rss>