<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[shitouPlus的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/shitouPlus</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; shitouPlus]]></copyright><item><title><![CDATA[响应式网页设计:rem、em设置网页字体大小自适应]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/50058961</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/50058961</guid><author>shitouPlus</author><pubDate>Thu, 26 Nov 2015 17:44:59 +0800</pubDate><description><![CDATA[「rem」是指根元素（root element，html）的字体大小，好开心的是，从遥远的 IE6 到版本帝 Chrome 他们都约好了，根元素默认的 font-size 都是 16px。这样一个新的单位兼容性如何呢？

IE9+，Firefox、Chrome、Safari、Opera 的主流版本都支持了，我可以放肆的使用 rem 了。

em 的计算是基于父级元素的，在实际使用中给我们的]]></description><category></category></item><item><title><![CDATA[position()与offset()区别]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49977783</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49977783</guid><author>shitouPlus</author><pubDate>Sun, 22 Nov 2015 14:56:10 +0800</pubDate><description><![CDATA[使用jQuery获取元素位置时，我们会使用position()或offset()方法，两个方法都返回一个包含两个属性的对象－左边距和上边距，它们两个的不同点在于位置的相对点不同。

可以看看下边的图：



从图中我们可以大体看出两者的区别。position()获取相对于它最近的具有相对位置(position:relative)的父级元素的距离，如果找不到这样的元素，则返回相对于浏览器]]></description><category></category></item><item><title><![CDATA[关于正则表达式的总结]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49855175</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49855175</guid><author>shitouPlus</author><pubDate>Mon, 16 Nov 2015 00:10:30 +0800</pubDate><description><![CDATA[为了解答“正则表达式(/[^0-9]/g,'')中的"/g"是什么意思？”这个问题，也为了能够便于大家对正则表达式有一个更为综合和深刻的认识，我将一些关键点和容易犯糊涂的地方再系统总结一下。 

总结1：附件参数g的用法 

表达式加上参数g之后，表明可以进行全局匹配，注意这里“可以”的含义。我们详细叙述： 

1）对于表达式对象的exec方法，不加入g，则只返回第一个匹配，无论执行多]]></description><category></category></item><item><title><![CDATA[分享一个css浏览器兼容重构代码]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49797795</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49797795</guid><author>shitouPlus</author><pubDate>Thu, 12 Nov 2015 13:25:43 +0800</pubDate><description><![CDATA[@charset "utf-8";
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,p,pre,code,form,fieldset,legend,input,button,textarea,blockquote {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-sp]]></description><category></category></item><item><title><![CDATA[获取文本节点的值]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49779049</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49779049</guid><author>shitouPlus</author><pubDate>Wed, 11 Nov 2015 11:01:11 +0800</pubDate><description><![CDATA[获取文本节点的方法有很多，下面就总结一下：
1>x.firstChild.data:获取元素第一个子节点的数据
2>x.childNodes[0].nodeValue:这种方法兼容行更好一些
3>x.innerHTML：这种方法使用于元素里面只有文本节点的情况
4>x.childNodes[0].textcontent:这种方法不支持ie8之前的版本
个人还是推荐第二种方法，这种方法的兼]]></description><category></category></item><item><title><![CDATA[深入详解javascript之delete操作符]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49716863</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49716863</guid><author>shitouPlus</author><pubDate>Sun, 08 Nov 2015 10:21:26 +0800</pubDate><description><![CDATA[最近重新温习JS，对delete操作符一直处于一知半解的状态，偶然发现一篇文章，对此作了非常细致深入的解释，看完有茅塞顿开的感觉，不敢独享，大致翻译如下。

原文地址：http://perfectionkills.com/understanding-delete/

P.S. 作者是PrototypeJS的开发组成员之一

 

========分割线========

 
]]></description><category></category></item><item><title><![CDATA[js逗号运算符]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49704785</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49704785</guid><author>shitouPlus</author><pubDate>Sat, 07 Nov 2015 20:01:04 +0800</pubDate><description><![CDATA[JS逗号运算符的用法详解(转)


注意：
一、由于目前正在功读JavaScript技术，所以这里拿JavaScript为例。你可以自己在PHP中试试。
二、JavaScript语法比较复杂，因此拿JavaScript做举例。


最近重新阅读JavaScript权威指南这本书，应该说很认真的阅读，于是便想把所学的东西多记录下来。后

面本人将逐步写上更多关于本书的文章。
]]></description><category></category></item><item><title><![CDATA[53种纯CSS3炫酷loading指示器动画特效]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49686867</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49686867</guid><author>shitouPlus</author><pubDate>Fri, 06 Nov 2015 19:33:37 +0800</pubDate><description><![CDATA[加载动画如果不想用用gif图实现的话，不妨试试css3动画，效果很是很酷的]]></description><category></category></item><item><title><![CDATA[animate.css强大的动效库]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49686693</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49686693</guid><author>shitouPlus</author><pubDate>Fri, 06 Nov 2015 19:08:58 +0800</pubDate><description><![CDATA[这是一个非常强大炫酷的css3动画库，使用时只需要引入相应的class 就行了。
http://daneden.github.io/animate.css/演示地址]]></description><category></category></item><item><title><![CDATA[window.name==window['name']]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49681569</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49681569</guid><author>shitouPlus</author><pubDate>Fri, 06 Nov 2015 12:59:08 +0800</pubDate><description><![CDATA[这是js调用属性的一种方式，最常见的是window.name这种链式操作，
导致把后面的用法给忘了，后面这种方式还是很重要的，因为当使用
jquery的时候，直接调用一个变量是没有效果的，这时候可以试试
用['name']这种方法]]></description><category></category></item><item><title><![CDATA[发现几个超棒的滚动动画延迟加载插件，超酷]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49669873</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49669873</guid><author>shitouPlus</author><pubDate>Thu, 05 Nov 2015 23:36:23 +0800</pubDate><description><![CDATA[http://www.scrollrevealjs.org/
、
http://mynameismatthieu.com/WOW/]]></description><category></category></item><item><title><![CDATA[可替代CSS3 transition和transform的jQuery插件]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49667693</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49667693</guid><author>shitouPlus</author><pubDate>Thu, 05 Nov 2015 20:40:37 +0800</pubDate><description><![CDATA[插件介绍

jQuery Transit是一款可制作超级平滑的CSS3 transformations 和 transitions动画的jQuery插件。它能够通过jQuery来完成CSS转换和过渡动画效果，这对于一些不支持CSS3转换和过渡属性的浏览器来说是一个非常有用的jQuery插件。点击打开链接]]></description><category></category></item><item><title><![CDATA[漫谈CSS transform动画技术]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49667593</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49667593</guid><author>shitouPlus</author><pubDate>Thu, 05 Nov 2015 20:30:31 +0800</pubDate><description><![CDATA[css3博大精深，真的要潜心钻研，分享一篇博文应该对你的css3学习有很大帮助
http://www.webhek.com/css-animation-using-css-transforms/]]></description><category></category></item><item><title><![CDATA[ie css3兼容方法之 ie 滤镜]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49667235</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49667235</guid><author>shitouPlus</author><pubDate>Thu, 05 Nov 2015 20:08:22 +0800</pubDate><description><![CDATA[https://msdn.microsoft.com/en-us/library/ms533087(v=vs.85).aspx这是官网地址
css3在ie6,7,8的兼容性很差，这时候可以用ie自带的滤镜来实现效果，比如阴影，透明度，


1.Alpha，调整对象内容的不透明度。

语法：
filter:progid:DXImageTransform.Microsoft.Alpha(]]></description><category></category></item><item><title><![CDATA[让IE6/IE7/IE8浏览器支持CSS3属性]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49666155</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49666155</guid><author>shitouPlus</author><pubDate>Thu, 05 Nov 2015 18:11:59 +0800</pubDate><description><![CDATA[IE6/7并不支持CSS3的属性，IE8也不能很好的支持CSS3。如何让IE 6/7/8支持border-radius (rounded)，box-shadow ( shadow)，text-shadow等这些属性呢？这里介绍一个通过htc脚本实现这些属性的方法


使用是很容易的，看下面的示例代码：

.box {
  -moz-border-radius: 15px; /* Fire]]></description><category></category></item><item><title><![CDATA[IE中的CSS3不完全兼容方案]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49666077</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49666077</guid><author>shitouPlus</author><pubDate>Thu, 05 Nov 2015 18:00:14 +0800</pubDate><description><![CDATA[到Internet Explorer 8为止，IE系列是不支持CSS3的。在IE中要做一些常用的效果如圆角、阴影，就需要用一些冗余而无意义的元素和图片来做出这些效果。在厌倦这些后，就想着用更为简洁、直接有效、CSS3式的办法来解决这些问题。好在就算是饱受批评的Internet Explorer，其本身也是足够强大的。IE特有的技术可以很好的实现一些CSS3的效果。

Opacity透明度
]]></description><category></category></item><item><title><![CDATA[用css3动画为焦点图加延迟动画]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49665019</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49665019</guid><author>shitouPlus</author><pubDate>Thu, 05 Nov 2015 17:06:01 +0800</pubDate><description><![CDATA[这是一个fullpage插件改写成的页面，一直对里面的动画效果很好奇，今天搞明白到底是怎么实现的了。
fullpage插件会在当前显示的标签里加入一个.active类，当标签从可视区域里消失时会动态去掉这个.active类
接着就没jquery的事了，用css3的过渡效果来实现所需的效果。这种方法兼容性受到css3兼容性的影响，所以
在ie9及以下版本显示效果很差，如果网站是渐进增强设计的话]]></description><category></category></item><item><title><![CDATA[通过Jquery判断页面元素是否在浏览器的可视区域内]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49661787</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49661787</guid><author>shitouPlus</author><pubDate>Thu, 05 Nov 2015 13:49:29 +0800</pubDate><description><![CDATA[通过Jquery判断页面元素是否在浏览器的可视区域内
前端开发中,有时需要判断某个元素是否在浏览器的可视区域内,或者是否已经滚动出了可视区域.首先想到的便是javascript操作,原生方法自然可以,不过Jquery已经封装了一些属性,使用起来更方便些,我们这里就讨论这种Jquery的方式.(伸手党可直接看文章屁股
 :cool:) 假设此元素为 #item,先说几个关键的属性:


]]></description><category></category></item><item><title><![CDATA[如何判断一个div是否在页面可视区域内]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49661447</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49661447</guid><author>shitouPlus</author><pubDate>Thu, 05 Nov 2015 13:17:12 +0800</pubDate><description><![CDATA[js

    <script
 src="http://code.jquery.com/jquery-latest.js" type="text/javascript">

    <script
 type="text/javascript">

        $(document).ready(function ()
 {

            $(window)]]></description><category></category></item><item><title><![CDATA[CSS 多类选择器一个class值可以包含一个词列表]]></title><link>https://blog.youkuaiyun.com/shitouPlus/article/details/49639049</link><guid>https://blog.youkuaiyun.com/shitouPlus/article/details/49639049</guid><author>shitouPlus</author><pubDate>Wed, 04 Nov 2015 15:51:08 +0800</pubDate><description><![CDATA[类选择符链

类选择符名称可以使用多个.相连，形成类选择符链
.www.dreamdu.com
{
	color:blue;
}


只有当一个元素使用了www、dreamdu、com三种选择符才能显示.www.dreamdu.com类选择符定义的样式
p class="www dreamdu com">梦之都CSS 蓝色字体p>
p class="www dreamdu">梦之都CS]]></description><category></category></item></channel></rss>