<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Forever212121的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Forever212121</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Forever212121]]></copyright><item><title><![CDATA[JSON]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/50885125</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/50885125</guid><author>Forever212121</author><pubDate>Mon, 14 Mar 2016 13:31:30 +0800</pubDate><description><![CDATA[JSON详解


JSON的全称是”JavaScript Object Notation”，意思是JavaScript对象表示法，它是一种基于文本，独立于语言的轻量级数据交换格式。XML也是一种数据交换格式，为什么没有选择XML呢？因为XML虽然可以作为跨平台的数据交换格式，但是在JS(JavaScript的简写)中处理XML非常不方便，同时XML标记比数据多，增加了交换产生的流量，而JSO]]></description><category></category></item><item><title><![CDATA[CSS  垂直居中]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/50771471</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/50771471</guid><author>Forever212121</author><pubDate>Tue, 01 Mar 2016 11:56:45 +0800</pubDate><description><![CDATA[Ⅰ.绝对定位居中(Absolute Centering)技术
我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:


[css] 
view plain 
copy 


.Absolute-Center {    margin: auto;    position: ab]]></description><category></category></item><item><title><![CDATA[js事件代理]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/50767411</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/50767411</guid><author>Forever212121</author><pubDate>Mon, 29 Feb 2016 22:36:29 +0800</pubDate><description><![CDATA[1，什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。

也就是：利用冒泡的原理，把事件加到父级上，触发执行效果。

好处呢：1，提高性能。

我们可以看一个例子：需要触发每个li来改变他们的背景颜色。







]]></description><category></category></item><item><title><![CDATA[javascript 事件模型]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/50760778</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/50760778</guid><author>Forever212121</author><pubDate>Sun, 28 Feb 2016 22:00:42 +0800</pubDate><description><![CDATA[事件的触发有三个阶段

document 往事件触发地点，捕获前进，遇到相同注册事件立即触发执行到达事件位置，触发事件（多谢 @糖果果 指出 问题 ，@update 14/2/19
 如果该处既注册了冒泡事件，也注册了捕获事件，按照注册顺序执行）事件触发地点往 document 方向，冒泡前进，遇到相同注册事件立即触发
这么说很多人比较迷糊，我们在注册事件的时候，通常使用的是 捕获 或者]]></description><category></category></item><item><title><![CDATA[Git使用教程]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/50613028</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/50613028</guid><author>Forever212121</author><pubDate>Sun, 31 Jan 2016 00:46:31 +0800</pubDate><description><![CDATA[Git是什么？
       Git是目前世界上最先进的分布式版本控制系统。
二：SVN与Git的最主要的区别？
      SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作，如果在局域网还可以，带宽够大，速度够快，如]]></description><category></category></item><item><title><![CDATA[H5 响应式设计]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/50401416</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/50401416</guid><author>Forever212121</author><pubDate>Fri, 25 Dec 2015 10:05:07 +0800</pubDate><description><![CDATA[1. 问题的引出
最近阅读白树的博文《移动web资源整理》时，他在博文中有一段指出，如果html5要适应各种分辨率的移动设备，应该使用rem这样的尺寸单位，同时给出了一段针对各个分辨率范围在html上设置font-size的代码：




html{font-size:10px}
@media screen and (min-width:321px) and (max-width:37]]></description><category></category></item><item><title><![CDATA[CSS 之rem]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/50312613</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/50312613</guid><author>Forever212121</author><pubDate>Tue, 15 Dec 2015 13:50:07 +0800</pubDate><description><![CDATA[开始的时候为了解决适配的字体问题我们用了em 但是它需要一个参考点
em：一般来说都是以body的font-size = 16px;为基准 所以 我们可以使用1em = 10px 比如说我们使用“1em”等于“10px”来改变默认值“1em=16px”，这样一来，我们设置字体大小相当于“14px”时，只需要将其值设置为“1.4em”。

“li”的“1.4em”是不是“14px”将是一个问号]]></description><category></category></item><item><title><![CDATA[CSS3 Box-shadow]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/50311509</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/50311509</guid><author>Forever212121</author><pubDate>Tue, 15 Dec 2015 10:25:04 +0800</pubDate><description><![CDATA[CSS3 的 box-shadow 有点类似于 text-shadow，只不过不同的是 text-shadow 是对象的文本设置阴影，而 box-shadow 是给对象实现图层阴影效果。本文我们搁下IE不谈，只谈谈 box-shadow 的具体使用方法
语法：







1



box-shadow:inset
x-offset y-offset blur-rad]]></description><category></category></item><item><title><![CDATA[PHP中单引号和双引号的区别]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/50296487</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/50296487</guid><author>Forever212121</author><pubDate>Mon, 14 Dec 2015 16:24:05 +0800</pubDate><description><![CDATA[” ” 双引号里面的字段会经过编译器解释，然后再当作HTML代码输出。
‘ ‘ 单引号里面的不进行解释，直接输出。
从字面意思上就可以看出，单引号比双引号要快了。


例如：
$abc=’my name is tome’;
echo $abc //结果是:my name is tom
echo ‘$abc’ //结果是:$abc
echo “$abc” //结果是:my name]]></description><category></category></item><item><title><![CDATA[inline-block]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/49857819</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/49857819</guid><author>Forever212121</author><pubDate>Mon, 16 Nov 2015 00:47:33 +0800</pubDate><description><![CDATA[基础知识


display:inline-block是什么呢？相信大家对这个属性并不陌生，根据名字inline-block我们就可以大概猜出它是结合了inline和block两者的特性于一身，简单的说：设置了inline-block属性的元素既拥有了block元素可以设置width和height的特性，又保持了inline元素不换行的特性。


举例说明：以前我们做横向菜单列表的时候]]></description><category></category></item><item><title><![CDATA[Flex 布局]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/49850389</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/49850389</guid><author>Forever212121</author><pubDate>Sun, 15 Nov 2015 17:02:49 +0800</pubDate><description><![CDATA[一、Flex布局是什么？
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。
任何一个容器都可以指定为Flex布局。


.box{
  display: flex;
}


行内元素也可以使用Flex布局。


.box{
  display: inline-flex;
}


Webkit内核的浏览器，必须加上-webkit前缀。]]></description><category></category></item><item><title><![CDATA[box-shadow]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/49700647</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/49700647</guid><author>Forever212121</author><pubDate>Sat, 07 Nov 2015 13:00:23 +0800</pubDate><description><![CDATA[外阴影：box-shadow:X Y Npx #color;
内阴影：box-shadow:inset X Y Npx #color;
第一个属性：阴影的X轴(可以使用负值)
第二个属性：阴影的Y轴(可以使用负值)
第三个属性：阴影的像素（大小）
第四个属性：阴影的颜色
内阴影：inset 这个可以设置内部阴影




box-shadow: 0px 0 px 5px red]]></description><category></category></item><item><title><![CDATA[伪元素]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/49700039</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/49700039</guid><author>Forever212121</author><pubDate>Sat, 07 Nov 2015 10:41:31 +0800</pubDate><description><![CDATA[层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。

你一定听说过这个词，尤其是当你一直关注着我们的教程。点此浏览原作者的其他文章
事实上，的确有一些CSS家族的成员（CSS选择器）被分类为伪元素比如：:first-line, :first-let]]></description><category></category></item><item><title><![CDATA[PHP empty和isset区别]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/49429075</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/49429075</guid><author>Forever212121</author><pubDate>Mon, 26 Oct 2015 20:07:21 +0800</pubDate><description><![CDATA[对于初学php的人来说，empty()和和isset()用法的区别是很难搞清楚的，他们的用法的差别不仔细去琢磨的话确实很难弄清楚。
先说一下他们的共同点：


都可以判定一个变量是否为空；

都返回boolean类型，即true或false。

下面具体说一下他们用法之间的区别：


isset()用来检测变量是否设置，只能用于变量，因为传递任何其它参数都将造成解析错误。若想]]></description><category></category></item><item><title><![CDATA[jsnew关键字]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/49307291</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/49307291</guid><author>Forever212121</author><pubDate>Wed, 21 Oct 2015 17:20:03 +0800</pubDate><description><![CDATA[new关键字做了什么
在JavaScript中，使用new关键字后，意味着做了如下四件事情：

创建一个新的对象，这个对象的类型是object；设置这个新的对象的内部、可访问性和[[prototype]]属性为构造函数（指prototype.construtor所指向的构造函数）中设置的；执行构造函数，当this关键字被提及的时候，使用新创建的对象的属性；返回新创建的对象（除非构造方法中返回]]></description><category></category></item><item><title><![CDATA[网页性能管理]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/48750181</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/48750181</guid><author>Forever212121</author><pubDate>Sat, 26 Sep 2015 11:03:29 +0800</pubDate><description><![CDATA[一、网页生成的过程
要理解网页性能为什么不好，就要了解网页是怎么生成的。

网页的生成过程，大致可以分成五步。


HTML代码转化成DOMCSS代码转化成CSSOM（CSS Object Model）结合DOM和CSSOM，生成一棵渲染树（包含每个节点的视觉信息）生成布局（layout），即将所有渲染树的所有节点进行平面合成将布局绘制（paint）在屏幕上

这五步里面，第一步到]]></description><category></category></item><item><title><![CDATA[YAHOO 14条优化原则]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/48625337</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/48625337</guid><author>Forever212121</author><pubDate>Mon, 21 Sep 2015 13:42:24 +0800</pubDate><description><![CDATA[YaHoo Web优化的14条法则

Web应用性能优化黄金法则：先优化前端程序(front-end)的性能，因为这是80%或以上的最终用户响应时间的花费所在。
法则1. 减少HTTP请求次数
80%的最终用户响应时间花在前端程序上，而其大部分时间则花在各种页面元素，如图像、样式表、脚本和Flash等，的下载上。减少页面元素将会减少HTTP请求次数。这是快速显示页面的关键所在。
一种减少]]></description><category></category></item><item><title><![CDATA[js == 和 ===]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/48596479</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/48596479</guid><author>Forever212121</author><pubDate>Sun, 20 Sep 2015 13:38:12 +0800</pubDate><description><![CDATA[首先，== equality 等同，=== identity 恒等。 
==， 两边值类型不同的时候，要先进行类型转换，再比较。 
===，不做类型转换，类型不同的一定不等。
一言以蔽之：==先转换类型再比较，===先判断类型，如果不是同一类型直接为false。
 
下面分别说明： 
先说 ===，这个比较简单。下面的规则用来判断两个值是否===相等： 
1、如果类型不同，就[不相等]]></description><category></category></item><item><title><![CDATA[CSS sprite]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/48552089</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/48552089</guid><author>Forever212121</author><pubDate>Fri, 18 Sep 2015 20:12:33 +0800</pubDate><description><![CDATA[无处不在的 CSS sptites － 为数不多的几个可以直接跳过”流行”这个过程，而可以马上并且牢牢地跻身于最佳 CSS 实践之中的几个技术之一。虽然它真正流行是在 A List Apart 解释并认可这个技术之后，但是早在 2003 年 7 月份，Peter Stanicek 就已经开始谈论它了。
目前大多数的开发人员对这个技术都有相当地掌握，也有很多关于它的教程和文章。几乎所有的文章中都宣]]></description><category></category></item><item><title><![CDATA[子弹飞]]></title><link>https://blog.youkuaiyun.com/Forever212121/article/details/48544701</link><guid>https://blog.youkuaiyun.com/Forever212121/article/details/48544701</guid><author>Forever212121</author><pubDate>Fri, 18 Sep 2015 11:59:42 +0800</pubDate><description><![CDATA[花姐问：老三，去上海还是浦东，去上海还是浦东？葛优（马邦德）回头看姜文并大声回答：上海就是浦东，浦东就是上海。黄四郎大笑：哈哈哈哈哈哈……最后笑的就是黄四郎。
　　
　　 
　　 
　　夫人被花姐代替。夫人说了，她只做县长夫人，谁是县长，她无所谓。花姐也是，她本来就是JI 女，她跟老大老二老三都无所谓，老二是悍匪，而且自己说了对女人没兴趣。当初第一次得到钱的时候，唯一没说带钱走的就是老二，]]></description><category></category></item></channel></rss>